Press space bar (_____) to see the magic.
NameFirebrick
HEX#c80815
RGBrgb(200, 8, 21)
HSLhsl(356, 92, 41)
LCHlch(42.87, 83.71, 37.15)
HWBhwb(356, 3, 22)
LABlab(42.87, 66.72, 50.56)
CMYKcmyk(0, 89, 96, 22)
White background
Colors speak louder than you.29%
Black background
Colors speak louder than you.17%

Tints

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

#c80815
#db5340
#ea816c
#f6ab9b
#fdd5cc
#ffffff
Shades

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

#c80815
#9e1513
#751811
#4f160e
#2b1107
#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.

#c80815
#be392a
#b3503f
#a66354
#95726a
#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.

#c80815
#be392a
#b3503f
#a66354
#95726a
#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.

#c80875
#c80815
#c85b08
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.

#c80815
#75c808
#08c8bb
#5b08c8
Triadic

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

#c80815
#15c808
#0815c8
Complementary

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

#c80815
#08c8bb
Split complementary

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

#c80815
#08c85b
#0875c8
Square

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

#c80815
#c8bb08
#08c8bb
#0815c8