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.
31BC17
2CAD15
29A014
259212
228510
1F780F
1B6A0D
185D0C
14500A
114208
0E3507
0A2805
071B03
030D02
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.
31BC17
34CD19
39E01C
48E52D
59E740
69EA53
7AEC66
8BEE79
9BF18C
ACF39F
BDF6B2
CDF8C6
DEFAD9
EEFDEC
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.
31BC17
34B41D
38AE23
3CA928
40A32E
449D34
48973A
4C9140
508B46
54864B
588051
5C7A57
60745D
646E63
696969
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.
BD8317
BD9F17
BDBC17
A1BD17
85BD17
68BD17
4CBD17
31BC17
17BD1A
17BD37
17BD53
17BD70
17BD8C
17BDA9
17B4BD
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.
246A6A
26755E
288152
2A8D46
2B993B
2DA42F
2FB023
31BC17
3BB017
45A417
4F9917
598D17
638117
6D7517
776A17
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
88% similar
5% of men, 0.35% of women
0.001% of men, 0.03% of women
0.0001% of the population
Achromatopsia
67% similar
0.003% of the population
Achromatomaly
87% 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. 16Even if you’re on the right track, you’ll get run over if you just sit there.
Will Rogers
Black background
Very good 4/5
Quote n. 16Even if you’re on the right track, you’ll get run over if you just sit there.
Will Rogers
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