Press space bar (_____) to see the magic.
NameLightsteelblue
HEX#aec6cf
RGBrgb(174, 198, 207)
HSLhsl(196, 26, 75)
LCHlch(78.28, 10.2, 226.58)
HWBhwb(196, 68, 19)
LABlab(78.28, -7.01, -7.41)
CMYKcmyk(16, 0, 4, 19)
White background
Colors speak louder than you.8%
Black background
Colors speak louder than you.56%

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

#aec6cf
#bed1d8
#cedde2
#dee8ec
#eff3f5
#ffffff
Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

#aec6cf
#889ba2
#657277
#434b4e
#242829
#000000
Tones

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

#aec6cf
#a5b8bf
#9ca9af
#929b9f
#898e8f
#808080
Tones

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

#aec6cf
#a5b8bf
#9ca9af
#929b9f
#898e8f
#808080

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.

#aecfc7
#aec6cf
#aeb6cf
Tetradic

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.

#aec6cf
#c7aecf
#cfb7ae
#b6cfae
Triadic

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

#aec6cf
#cfaec6
#c6cfae
Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.

#aec6cf
#cfb7ae
Split complementary

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

#aec6cf
#cfaeb6
#cfc7ae
Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.

#aec6cf
#b7aecf
#cfb7ae
#c6cfae