Color picker

#99cbbd

Conversion

HEX#99cbbd
HEX8#99cbbdff
RGBrgb(153, 203, 189)
CMYK[0.25,0,0.07,0.2]
Name#99cbbd
HCL[174.99,19.27,77.97]
oklab[0.8,-0.06,0]
Num10079165
HSI[164.25,0.16,0.71]
lab[77.97,-19.2,1.68]
Lighten
#ddede9
Darken
#56a891
Saturate
#8adac4
Desaturate
#a8bcb6
Greyscale
#b2b2b2
Brighten
#ccfef0

Color harmonies of #99cbbd

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.
#99cbbd
#bd99cb
#cbbd99

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.
#99cbbd
#a499cb
#cb99a7
#c0cb99

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.
#99cbbd
#b9f5e5
#19211f
#394b46
#59766e
#79a095

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.
#99cbbd
#99cba9
#99cbb3
#99cbbd
#99cbc7
#99c5cb

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#99cbbd
#999dcb
#cba999

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
#f8fbfa
#f0f8f6
#e9f4f1
#e2f0ec
#dbece7
#d3e9e3
#cce5de
#c5e1d9
#bdded5
#b6dad0
#afd6cb
#a8d2c6
#a0cfc2
#99cbbd

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0f0e
#161d1b
#212c29
#2c3a36
#374944
#425751
#4d665f
#57746c
#62837a
#6d9187
#78a095
#83aea2
#8ebdb0
#99cbbd

Contrast Checker

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

1.805 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!
11.632 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 #99cbbd

Some examples of color palettes with #99cbbd. View more

Use #99cbbd in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet