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.
9FF88C
8AF771
74F557
5EF43D
49F223
36EB0E
30D10C
2AB70B
249D09
1E8308
186906
124E05
0C3403
061A02
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.
9FF88C
A6F994
ADF99C
B4FAA4
BBFAAC
C1FBB5
C8FBBD
CFFCC5
D6FCCD
DDFDD6
E4FDDE
EAFEE6
F1FEEE
F8FFF7
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.
9FF88C
A2F48F
A4F093
A7ED97
A9E99B
ACE59F
AEE1A3
B1DDA7
B3D9AA
B5D5AE
B8D1B2
BACDB6
BDCABA
BFC6BE
C2C2C2
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.
F7CE8B
F7E08B
F7F38B
E9F78B
D6F78B
C4F78B
B1F78B
9FF88C
8CF78B
8BF79C
8BF7AF
8BF7C1
8BF7D4
8BF7E7
8BF6F7
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.
95C2C2
96C9BA
98D1B2
99D9AB
9BE1A3
9CE89B
9EF094
9FF88C
A5F08C
ACE88C
B2E18C
B8D98C
BED18C
C5C98C
CBC28C
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
92% similar
5% of men, 0.35% of women
0.001% of men, 0.03% of women
0.0001% of the population
Achromatopsia
73% 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. 28When I was a boy I was told that anybody could become President. Now I’m beginning to believe it.
Clarence Darrow
Black background
Super 5/5
Quote n. 28When I was a boy I was told that anybody could become President. Now I’m beginning to believe it.
Clarence Darrow
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
