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.
3DF57D
28F470
14F362
0CE458
0BD050
0ABB48
09A640
089138
077D30
056828
045320
033E18
022A10
011508
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.
3DF57D
4BF687
59F690
67F799
75F8A2
82F8AC
90F9B5
9EFABE
ACFBC7
BAFBD1
C8FCDA
D5FDE3
E3FEEC
F1FEF6
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.
3DF57D
44EE7F
4AE881
51E183
57DB85
5ED487
65CD89
6BC78B
72C08D
78BA8F
7FB391
85AD93
8CA695
92A097
999999
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.
D9F53D
BAF53D
9AF53D
7BF53D
5BF53D
3DF53F
3DF55E
3DF57D
3DF59D
3DF5BC
3DF5DC
3DEEF5
3DCFF5
3DAFF5
3D90F5
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.
3D99B9
3DA6B0
3DB3A8
3DC09F
3DCE97
3DDB8E
3DE886
3DF57D
4AE878
57DB74
64CE6F
72C06B
7FB366
8CA662
99995D
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
86% similar
5% of men, 0.35% of women
0.001% of men, 0.03% of women
0.0001% of the population
Achromatopsia
69% 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. 6To the man who only has a hammer, everything he encounters begins to look like a nail.
Abraham Maslow
Black background
Super 5/5
Quote n. 6To the man who only has a hammer, everything he encounters begins to look like a nail.
Abraham Maslow
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
