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.
57EA02
50D802
4AC702
44B602
3EA602
389502
328501
2B7401
256401
1F5301
194201
133201
0C2100
061100
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.
57EA02
5EFC03
6AFD15
77FD29
83FD3C
8FFD50
9CFD63
A8FE77
B5FE8A
C1FE9E
CDFEB1
DAFEC5
E6FFD8
F3FFEC
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.
57EA02
59E00B
5BD813
5DD01B
5FC723
62BF2B
64B734
66AF3C
68A744
6A9E4C
6D9654
6F8E5D
718665
737E6D
757575
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.
EB6702
EB8F02
EBB702
EBDE02
CFEB02
A7EB02
7FEB02
57EA02
30EB02
08EB02
02EB25
02EB4C
02EB74
02EB9C
02EBC4
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.
2D7677
338766
399755
3FA845
45B834
4BC923
51D913
57EA02
62D902
6CC902
77B802
81A802
8C9702
968702
A17602
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
90% similar
5% of men, 0.35% of women
0.001% of men, 0.03% of women
0.0001% of the population
Achromatopsia
66% 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. 12What we think, or what we know, or what we believe is, in the end, of little consequence. The only consequence is what we do.
John Ruskin
Black background
Super 5/5
Quote n. 12What we think, or what we know, or what we believe is, in the end, of little consequence. The only consequence is what we do.
John Ruskin
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
