Press space bar (_____) to see the magic.
NameLavender
HEX#e6e8fa
RGBrgb(230, 232, 250)
HSLhsl(234, 67, 94)
LCHlch(92.24, 9.17, 281.37)
HWBhwb(234, 90, 2)
LABlab(92.24, 1.81, -8.99)
CMYKcmyk(8, 0, 7, 2)
White background
Colors speak louder than you.6%
Black background
Colors speak louder than you.82%

Tints

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

#e6e8fa
#ebedfb
#f0f1fc
#f5f6fd
#fafafe
#ffffff
Shades

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

#e6e8fa
#b3b5c3
#83848e
#56575d
#2d2d30
#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.

#e6e8fa
#d1d2e0
#bcbdc7
#a8a8af
#949497
#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.

#e6e8fa
#d1d2e0
#bcbdc7
#a8a8af
#949497
#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.

#e6f2fa
#e6e8fa
#eee6fa
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.

#e6e8fa
#fae6f2
#faf8e6
#e6faee
Triadic

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

#e6e8fa
#fae6e8
#e8fae6
Complementary

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

#e6e8fa
#faf8e6
Split complementary

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

#e6e8fa
#faeee6
#f2fae6
Square

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

#e6e8fa
#f8e6fa
#faf8e6
#e8fae6