Variations
View this color variations of shades, tints, tones, hues and temperatures.
Shades
A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
FEFD37
FEFE23
FEFE0D
F3F301
DDDD01
C7C701
B1B101
9B9B01
858501
6F6F01
585800
424200
2C2C00
161600
000000
Tints
A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
FEFD37
FEFE47
FEFE55
FEFE64
FEFE72
FEFE80
FEFE8E
FFFF9C
FFFFAA
FFFFB8
FFFFC6
FFFFD5
FFFFE3
FFFFF1
FFFFFF
Tones
A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.
FEFD37
F7F740
F0F047
E9E94E
E2E255
DBDB5C
D4D463
CDCD6A
C6C671
BFBF78
B8B87F
B1B186
AAAA8D
A3A395
9C9C9C
Hues
A hue refers to the basic family of a color from red to violet. Hues are variations of a base color on the color wheel.
FF3860
FF383E
FF5538
FF7738
FF9938
FFBB38
FFDD38
FEFD37
DDFF38
BBFF38
99FF38
77FF38
55FF38
38FF3E
38FF60
Temperatures
Color are often divided in cool and warm according to how we perceive them. Greens and blues are cool, whilst reds and yellows are warm.
9B9B9B
A9A98D
B7B77E
C5C570
D4D362
E2E154
F0EF45
FEFD37
FEEF37
FEE137
FED337
FEC537
FEB737
FEA937
FF9B38
Color harmonies
Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more
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.
Complementary
Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
Split complementary
Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
Triadic
Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
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.
Square
Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
Blindness simulator
Check how a color is perceived by color blind people to create accessible designs. Learn more
1.3% of men, 0.02% of women
1.3% of men, 0.02% of women
1.2% of men, 0.01% of women
Deuteranomaly
98% similar
5% of men, 0.35% of women
0.001% of men, 0.03% of women
0.0001% of the population
Achromatopsia
70% similar
0.003% of the population
Achromatomaly
88% similar
0.001% of the population
Contrast checker
Verify the contrast of a text on white and black backgrounds. For additional options use this tool.
White background
Very poor 1/5
Quote n. 29Laughing at our mistakes can lengthen our own life. Laughing at someone else’s can shorten it.
Cullen Hightower
Black background
Super 5/5
Quote n. 29Laughing at our mistakes can lengthen our own life. Laughing at someone else’s can shorten it.
Cullen Hightower
Color libraries
View the most similar correspondences of this color with these popular color libraries.
Color Palettes
Some examples of color palettes with this color. View more
