Press space bar (_____) to see the magic.
NameDimgray
HEX#4f666a
RGBrgb(79, 102, 106)
HSLhsl(189, 15, 36)
LCHlch(41.44, 9.67, 212.79)
HWBhwb(189, 31, 58)
LABlab(41.44, -8.13, -5.24)
CMYKcmyk(25, 0, 4, 58)
White background
Colors speak louder than you.29%
Black background
Colors speak louder than you.16%

Tints

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

#4f666a
#708386
#92a0a3
#b5bfc1
#dadfdf
#ffffff
Shades

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

#4f666a
#405154
#313d40
#232a2c
#151919
#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.

#4f666a
#596b6e
#637073
#6d7677
#767b7c
#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.

#4f666a
#596b6e
#637073
#6d7677
#767b7c
#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.

#4f6a61
#4f666a
#4f586a
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.

#4f666a
#614f6a
#6a534f
#586a4f
Triadic

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

#4f666a
#6a4f66
#666a4f
Complementary

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

#4f666a
#6a534f
Split complementary

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

#4f666a
#6a4f58
#6a614f
Square

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

#4f666a
#534f6a
#6a534f
#666a4f