#57AA22

#57AA22

Color Values

HEX

#57AA22

RGB

87, 170, 34

HSL

96.6, 66.7%, 40.0%

HSV

96.6, 80.0%, 66.7%

CMYK

48.8%, 0.0%, 80.0%, 33.3%

OKLCH

0.6601 0.1834 136.5

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#57AA22

#7522AA

Analogous

#9BAA22

#22AA31

#57AA22

Triadic

#57AA22

#2257AA

#AA2257

Split Complementary

#57AA22

#3122AA

#AA229B

Tetradic

#57AA22

#229BAA

#7522AA

#AA3122

Color Blindness Simulation

Original

#57AA22

Protanopia

#7B7C43

Deuteranopia

#76704B

Tritanopia

#5B5D63

Achromatopsia

#8F8F8F

CSS Usage

background-color: #57AA22;
color: #57AA22;
border-color: #57AA22;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D6F3C3
300
#B9EB99
400
#93E062
500
#6DD52A
600
#57AA22
700
#46881B
800
#366A15
900
#2A4E13
950
#1B310C

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.18:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026