Color picker

#98b1cf

Conversion

HEX#98b1cf
HEX8#98b1cfff
RGBrgb(152, 177, 207)
CMYK[0.27,0.14,0,0.19]
Name#98b1cf
HCL[264.26,18.1,71.3]
oklab[0.75,-0.01,-0.05]
Num10006991
HSI[213,0.15,0.7]
lab[71.3,-1.81,-18.01]
Lighten
#dee6ef
Darken
#527caf
Saturate
#89b0de
Desaturate
#a7b2c0
Greyscale
#b3b3b3
Brighten
#cbe4ff

Color harmonies of #98b1cf

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#98b1cf
#cf98b1
#b1cf98

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#98b1cf
#cf98cc
#cfb698
#98cf9a

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#98b1cf
#b7d5f9
#1b2025
#3a444f
#5a687a
#798da4

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#98b1cf
#98c7cf
#98bccf
#98b1cf
#98a6cf
#989bcf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#98b1cf
#c198cf
#c7cf98

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f8f9fc
#f0f4f8
#e9eef5
#e2e9f1
#dae3ee
#d3deea
#ccd8e7
#c4d2e4
#bdcde0
#b5c7dd
#aec2d9
#a7bcd6
#9fb7d2
#98b1cf

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0d0f
#16191e
#21262c
#2b333b
#363f4a
#414c59
#4c5968
#576576
#627285
#6d7e94
#778ba3
#8298b1
#8da4c0
#98b1cf

Contrast Checker

Verify the contrast of a #98b1cf colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

2.205 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
9.525 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #98b1cf

Some examples of color palettes with #98b1cf. View more

Use #98b1cf in CSS

#98b1cf as Background Color in CSS
<div style="background-color:#98b1cf">Background Color</div>
#98b1cf as Text Color in CSS
<div style="color:#98b1cf">Text Color</div>
#98b1cf as Border Color in CSS
<div style="border-color:#98b1cf">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet