Press space bar (_____) to see the magic.
NameGainsboro
HEX#e5e4e2
RGBrgb(229, 228, 226)
HSLhsl(40, 5, 89)
LCHlch(90.63, 1.11, 85.59)
HWBhwb(40, 89, 10)
LABlab(90.63, 0.08, 1.1)
CMYKcmyk(0, 1, 0, 10)
White background
Colors speak louder than you.6%
Black background
Colors speak louder than you.79%

Tints

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

#e5e4e2
#eae9e8
#efefee
#f5f4f3
#fafaf9
#ffffff
Shades

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

#e5e4e2
#b2b2b0
#838281
#565555
#2c2c2c
#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.

#e5e4e2
#d0cfce
#bbbbba
#a7a7a6
#939393
#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.

#e5e4e2
#d0cfce
#bbbbba
#a7a7a6
#939393
#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.

#e5e3e2
#e5e4e2
#e5e5e2
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.

#e5e4e2
#e2e5e3
#e2e3e5
#e5e2e5
Triadic

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

#e5e4e2
#e2e5e4
#e4e2e5
Complementary

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

#e5e4e2
#e2e3e5
Split complementary

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

#e5e4e2
#e2e5e5
#e3e2e5
Square

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

#e5e4e2
#e3e5e2
#e2e3e5
#e4e2e5