Press space bar (_____) to see the magic.
NameDarkslategray
HEX#50404d
RGBrgb(80, 64, 77)
HSLhsl(311, 11, 28)
LCHlch(29.18, 10.45, 330.46)
HWBhwb(311, 25, 69)
LABlab(29.18, 9.09, -5.15)
CMYKcmyk(0, 4, 20, 69)
White background
Colors speak louder than you.46%
Black background
Colors speak louder than you.10%

Tints

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

#50404d
#70626d
#928790
#b5adb3
#d9d6d9
#ffffff
Shades

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

#50404d
#40343e
#312830
#231d22
#151215
#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.

#50404d
#594c57
#635961
#6d666b
#767375
#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.

#50404d
#594c57
#635961
#6d666b
#767375
#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.

#4b4050
#50404d
#504045
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.

#50404d
#504b40
#405043
#404550
Triadic

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

#50404d
#4d5040
#404d50
Complementary

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

#50404d
#405043
Split complementary

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

#50404d
#455040
#40504b
Square

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

#50404d
#504340
#405043
#404d50