Press space bar (_____) to see the magic.
NameDarkturquoise
HEX#0cc
RGBrgb(0, 204, 204)
HSLhsl(180, 100, 40)
LCHlch(74.16, 44.65, 196.45)
HWBhwb(180, 0, 20)
LABlab(74.16, -42.82, -12.65)
CMYKcmyk(100, 0, 0, 20)
White background
Colors speak louder than you.9%
Black background
Colors speak louder than you.50%

Tints

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

#00cccc
#63d7d6
#91e1e0
#b8ecea
#dcf5f5
#ffffff
Shades

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

#00cccc
#1aa09f
#1f7575
#1c4d4d
#152929
#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.

#00cccc
#46bdbc
#5eaead
#6e9e9e
#788f8f
#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.

#00cccc
#46bdbc
#5eaead
#6e9e9e
#788f8f
#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.

#00cc66
#00cccc
#0066cc
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.

#00cccc
#6600cc
#cc0000
#66cc00
Triadic

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

#00cccc
#cc00cc
#cccc00
Complementary

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

#00cccc
#cc0000
Split complementary

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

#00cccc
#cc0066
#cc6600
Square

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

#00cccc
#0000cc
#cc0000
#cccc00