Press space bar (_____) to see the magic.
NameLightseagreen
HEX#21abcd
RGBrgb(33, 171, 205)
HSLhsl(192, 72, 47)
LCHlch(64.35, 38.96, 225.79)
HWBhwb(192, 13, 20)
LABlab(64.35, -27.17, -27.92)
CMYKcmyk(84, 0, 17, 20)
White background
Colors speak louder than you.13%
Black background
Colors speak louder than you.37%

Tints

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

#21abcd
#64bcd7
#90cce1
#b7ddeb
#dbeef5
#ffffff
Shades

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

#21abcd
#2486a0
#236376
#1d424e
#142429
#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.

#21abcd
#49a2bd
#5e9aae
#6c919e
#77898f
#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.

#21abcd
#49a2bd
#5e9aae
#6c919e
#77898f
#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.

#21cd99
#21abcd
#2155cd
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.

#21abcd
#9921cd
#cd4321
#55cd21
Triadic

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

#21abcd
#cd21ab
#abcd21
Complementary

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

#21abcd
#cd4321
Split complementary

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

#21abcd
#cd2155
#cd9921
Square

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

#21abcd
#4321cd
#cd4321
#abcd21