Press space bar (_____) to see the magic.
NameCornflowerblue
HEX#779ecb
RGBrgb(119, 158, 203)
HSLhsl(212, 45, 63)
LCHlch(63.54, 28.18, 259.88)
HWBhwb(212, 47, 20)
LABlab(63.54, -4.95, -27.74)
CMYKcmyk(41, 0, 22, 20)
White background
Colors speak louder than you.13%
Black background
Colors speak louder than you.36%

Tints

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

#779ecb
#93b1d5
#aec4e0
#c9d7ea
#e4ebf5
#ffffff
Shades

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

#779ecb
#5f7c9f
#475c74
#313e4d
#1c2229
#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.

#779ecb
#7a98bc
#7d92ac
#7f8c9d
#80868f
#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.

#779ecb
#7a98bc
#7d92ac
#7f8c9d
#80868f
#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.

#77c8cb
#779ecb
#7a77cb
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.

#779ecb
#cb77c8
#cba477
#77cb7a
Triadic

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

#779ecb
#cb779e
#9ecb77
Complementary

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

#779ecb
#cba477
Split complementary

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

#779ecb
#cb7a77
#c8cb77
Square

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

#779ecb
#a477cb
#cba477
#9ecb77