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.
40BF04
3AB004
36A303
319503
2D8803
287A02
246D02
1F5F02
1B5102
164401
123601
0D2901
091B01
040E00
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.
40BF04
46D404
4DEA05
57FA0C
66FA22
76FB38
85FB4E
94FC64
A3FC7A
B3FD90
C2FDA6
D1FEBD
E0FED3
F0FFE9
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.
40BF04
41B70B
44B111
46AA18
49A31E
4B9D25
4D962C
508F32
528939
558240
577B46
5A754D
5C6E54
5E685A
616161
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.
BF5E04
BF7F04
BF9F04
BFBF04
A0BF04
7FBF04
5FBF04
40BF04
1FBF04
04BF09
04BF29
04BF49
04BF69
04BF89
04BFA9
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.
226262
266F54
2B7C47
2F8A39
33972C
37A41F
3CB211
40BF04
49B204
52A404
5B9704
648A04
6D7C04
766F04
806204
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
67% 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
Very good 4/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
