Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
57B354
Mantis
#

Conversion

HEX 57B354
RGB 87, 179, 84
CMYK 51, 0, 53, 30
HSB 118, 53, 70
HSL 118, 38, 52
LAB 66, -47, 40
XYZ 22, 35, 14
LCH 66, 61, 139
LUV 66, -43, 57
HWB 118, 33, 30

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.
57B354
4FAA4C
499D46
439041
3D833B
377635
31692F
2B5B29
254E23
1F411D
183417
122712
0C1A0C
060D06
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.
57B354
65B962
71BE6E
7DC37A
89C986
94CE92
A0D49E
ACD9AB
B8DEB7
C4E4C3
D0E9CF
DBEFDB
E7F4E7
F3FAF3
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.
57B354
5CB059
5FAC5D
62A960
66A663
69A367
6C9F6A
6F9C6D
729971
759574
789277
7B8F7B
7E8B7E
818881
858585

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.
B39C54
B3AD54
A8B354
98B354
88B354
77B354
67B354
57B354
54B361
54B371
54B381
54B392
54B3A2
54B3B2
54A3B3

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.
568484
568A7D
569176
56986F
569F68
57A562
57AC5B
57B354
5EAC54
64A554
6B9F54
719854
789154
7E8A54
858454

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.
97B356
57B354
56B391

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
57B354
B056B3

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
57B354
9156B3
B35697

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
57B354
5659B3
B35659

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.
57B354
56B3B0
B056B3
B35659

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
57B354
5688B3
B056B3
B38156

Blindness simulator

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

Protanopia

76% similar
1.3% of men, 0.02% of women
57B354
7E7F6A

Protanomaly

88% similar
1.3% of men, 0.02% of women
57B354
67945F

Deuteranopia

66% similar
1.2% of men, 0.01% of women
57B354
797270

Deuteranomaly

90% similar
5% of men, 0.35% of women
57B354
699B61

Tritanopia

69% similar
0.001% of men, 0.03% of women
57B354
5B7D81

Tritanomaly

89% similar
0.0001% of the population
57B354
5A9965

Achromatopsia

73% similar
0.003% of the population
57B354
8C8C8C

Achromatomaly

88% similar
0.001% of the population
57B354
749E72

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

Very good 4/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.

Name

94% similar
74C365

RAL

95% similar
48A43F

HKS

98% similar
60B55A

Copic

94% similar

Prismacolor

95% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#