Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
87D778
Mantis
#

Conversion

HEX 87D778
RGB 135, 215, 120
CMYK 37, 0, 44, 16
HSB 111, 44, 84
HSL 111, 54, 66
LAB 79, -43, 39
XYZ 38, 55, 26
LCH 79, 58, 137
LUV 79, -39, 59
HWB 111, 47, 16

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.
87D778
77D267
66CC54
56C742
4BB937
43A732
3C942C
348227
2D6F21
255D1C
1E4A16
163811
0F250B
071306
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.
87D778
90DA83
99DD8D
A1E096
AAE3A0
B2E5A9
BBE8B3
C3EBBC
CCEEC6
D4F1CF
DDF4D9
E5F6E2
EEF9EC
F6FCF5
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.
87D778
8AD47D
8CD080
8FCD84
91CA87
93C68A
96C38E
98C091
9ABC94
9DB998
9FB69B
A1B29E
A4AFA2
A6ACA5
A8A8A8

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.
D6B578
D6C578
D6D678
C7D678
B7D678
A6D678
96D678
87D778
78D67A
78D68A
78D69A
78D6AA
78D6BB
78D6CB
78D1D6

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.
80A8A7
81AEA0
82B59A
83BC93
84C38C
85C985
86D07F
87D778
8DD078
92C978
98C378
9EBC78
A3B578
A9AE78
AFA878

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.
C6D779
87D778
79D7AA

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
87D778
C979D7

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
87D778
AA79D7
D779C6

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
87D778
7988D7
D77988

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.
87D778
79D7C9
C979D7
D77988

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
87D778
79B6D7
C979D7
D79A79

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs. Learn more

Protanopia

80% similar
1.3% of men, 0.02% of women
87D778
A9AA8E

Protanomaly

90% similar
1.3% of men, 0.02% of women
87D778
95BC83

Deuteranopia

73% similar
1.2% of men, 0.01% of women
87D778
A59F94

Deuteranomaly

92% similar
5% of men, 0.35% of women
87D778
97C285

Tritanopia

70% similar
0.001% of men, 0.03% of women
87D778
8BA1A5

Tritanomaly

90% similar
0.0001% of the population
87D778
89BD89

Achromatopsia

74% similar
0.003% of the population
87D778
B4B4B4

Achromatomaly

89% similar
0.001% of the population
87D778
9FC498

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. 19What the world needs is more geniuses with humility, there are so few of us left.

Oscar Levant

Black background

Super 5/5
Quote n. 19What the world needs is more geniuses with humility, there are so few of us left.

Oscar Levant

Color libraries

View the most similar correspondences of this color with these popular color libraries.

Name

94% similar
74C365

RAL

89% similar
25E712

HKS

92% similar
A0C860

Copic

95% similar

Prismacolor

92% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#