Press space bar (_____) to see the magic.
NameBrown
HEX#aa381e
RGBrgb(170, 56, 30)
HSLhsl(11, 70, 39)
LCHlch(40.99, 62.44, 41.84)
HWBhwb(11, 12, 33)
LABlab(40.99, 46.52, 41.65)
CMYKcmyk(0, 82, 67, 33)
White background
Colors speak louder than you.30%
Black background
Colors speak louder than you.16%

Tints

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

#aa381e
#c06247
#d48972
#e5af9f
#f4d7ce
#ffffff
Shades

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

#aa381e
#862f1a
#642616
#441d12
#26130a
#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.

#aa381e
#a54a32
#9f5945
#976758
#8d746c
#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.

#aa381e
#a54a32
#9f5945
#976758
#8d746c
#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.

#aa1e4a
#aa381e
#aa7e1e
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.

#aa381e
#4aaa1e
#1e90aa
#7e1eaa
Triadic

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

#aa381e
#1eaa38
#381eaa
Complementary

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

#aa381e
#1e90aa
Split complementary

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

#aa381e
#1eaa7e
#1e4aaa
Square

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

#aa381e
#90aa1e
#1e90aa
#381eaa