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.
F20F48
E10C41
D00B3C
BE0A37
AD0932
9C082D
8A0728
790623
68051E
570519
450414
34030F
23020A
110105
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.
F20F48
F31E53
F42F61
F5416E
F6527B
F76388
F87595
F986A3
FA97B0
FAA8BD
FBBACA
FCCBD7
FDDCE5
FEEEF2
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.
F20F48
EA154A
E21D4E
DA2552
D12E57
C9365B
C13E5F
B94663
B14E67
A8576B
A05F6F
986773
906F77
88777B
808080
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.
8C0FF2
B30FF2
DA0FF2
F20FE4
F20FBD
F20F96
F20F6F
F20F48
F20F20
F2240F
F24B0F
F2720F
F2990F
F2C00F
F2E70F
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.
810F9D
910F91
A10F85
B10F79
C10F6C
D20F60
E20F54
F20F48
F20F44
F20F40
F20F3C
F20F38
F20F34
F20F30
F20F2C
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
68% similar
0.003% of the population
Achromatomaly
82% 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
Poor 2/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
Good 3/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
