Press space bar (_____) to see the magic.
NameSandybrown
HEX#ecd540
RGBrgb(236, 213, 64)
HSLhsl(52, 82, 59)
LCHlch(85.34, 71.73, 92.47)
HWBhwb(52, 25, 7)
LABlab(85.34, -3.09, 71.66)
CMYKcmyk(0, 73, 10, 7)
White background
Colors speak louder than you.7%
Black background
Colors speak louder than you.67%

Tints

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

#ecd540
#f2dd6c
#f8e592
#fceeb6
#fef6db
#ffffff
Shades

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

#ecd540
#b8a636
#877a2c
#595021
#2e2a15
#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.

#ecd540
#d7c353
#c2b261
#ada16d
#979077
#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.

#ecd540
#d7c353
#c2b261
#ada16d
#979077
#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.

#ec7f40
#ecd540
#adec40
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.

#ecd540
#40ec7f
#4057ec
#ec40ad
Triadic

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

#ecd540
#40ecd5
#d540ec
Complementary

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

#ecd540
#4057ec
Split complementary

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

#ecd540
#40adec
#7f40ec
Square

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

#ecd540
#57ec40
#4057ec
#d540ec