Press space bar (_____) to see the magic.
NameFirebrick
HEX#c90016
RGBrgb(201, 0, 22)
HSLhsl(353, 100, 39)
LCHlch(42.83, 84.3, 36.55)
HWBhwb(353, 0, 21)
LABlab(42.83, 67.72, 50.2)
CMYKcmyk(0, 89, 100, 21)
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.

#c90016
#dc5240
#eb806c
#f6ab9b
#fdd5cc
#ffffff
Shades

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

#c90016
#9e1214
#761712
#4f160e
#2b1108
#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.

#c90016
#bf372b
#b45040
#a66255
#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.

#c90016
#bf372b
#b45040
#a66255
#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.

#c9007c
#c90017
#c94d00
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.

#c90017
#7cc900
#00c9b2
#4d00c9
Triadic

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

#c90017
#17c900
#0017c9
Complementary

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

#c90017
#00c9b2
Split complementary

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

#c90017
#00c94d
#007cc9
Square

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

#c90017
#c9b200
#00c9b2
#0017c9