Press space bar (_____) to see the magic.
NameDarkred
HEX#a40000
RGBrgb(164, 0, 0)
HSLhsl(0, 100, 32)
LCHlch(34.52, 76.48, 40.58)
HWBhwb(0, 0, 36)
LABlab(34.52, 58.08, 49.75)
CMYKcmyk(0, 100, 100, 36)
White background
Colors speak louder than you.39%
Black background
Colors speak louder than you.12%

Tints

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

#a40000
#be4a30
#d47860
#e7a592
#f5d2c7
#ffffff
Shades

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

#a40000
#820f03
#621304
#431203
#260e01
#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.

#a40000
#a2311c
#9e4934
#985d4d
#8e6f66
#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.

#a40000
#a2311c
#9e4934
#985d4d
#8e6f66
#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.

#a40052
#a40000
#a45200
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.

#a40000
#52a400
#00a4a4
#5200a4
Triadic

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

#a40000
#00a400
#0000a4
Complementary

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

#a40000
#00a4a4
Split complementary

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

#a40000
#00a452
#0052a4
Square

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

#a40000
#a4a400
#00a4a4
#0000a4