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.
ED11FF
E600FB
D400E8
C300D4
B100C1
9F00AE
8E009A
7C0087
6A0074
580061
47004D
35003A
230027
120013
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.
ED11FF
EC20FF
EE32FF
EF43FF
F154FF
F265FF
F476FF
F587FF
F698FF
F8A9FF
F9BBFF
FBCCFF
FCDDFF
FEEEFF
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.
ED11FF
E418F6
DD20EE
D629E5
CE32DD
C73AD4
C043CC
B94BC3
B254BB
AB5CB2
A465A9
9D6DA1
957698
8E7F90
878787
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.
1255FF
122CFF
2012FF
4912FF
7112FF
9A12FF
C312FF
ED11FF
FF12EA
FF12C1
FF1299
FF1270
FF1247
FF121F
FF2E12
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.
8012FF
8F11FF
9F11FF
AE11FF
BE11FF
CE11FF
DD11FF
ED11FF
EE11EE
F011DD
F111CC
F211BB
F311AA
F51199
F61289
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
93% similar
5% of men, 0.35% of women
0.001% of men, 0.03% of women
0.0001% of the population
Achromatopsia
65% similar
0.003% of the population
Achromatomaly
85% 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