#557D22

#557D22

Color Values

HEX

#557D22

RGB

85, 125, 34

HSL

86.4, 57.2%, 31.2%

HSV

86.4, 72.8%, 49.0%

CMYK

32.0%, 0.0%, 72.8%, 51.0%

OKLCH

0.541 0.1271 130.4

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#557D22

#4A227D

Analogous

#7D7822

#287D22

#557D22

Triadic

#557D22

#22557D

#7D2255

Split Complementary

#557D22

#22287D

#78227D

Tetradic

#557D22

#227D78

#4A227D

#7D2228

Color Blindness Simulation

Original

#557D22

Protanopia

#666738

Deuteranopia

#64613D

Tritanopia

#57494D

Achromatopsia

#6E6E6E

CSS Usage

background-color: #557D22;
color: #557D22;
border-color: #557D22;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DEF0C7
300
#C6E59F
400
#A7D76B
500
#88C837
600
#6DA02C
700
#578023
800
#44641B
900
#334918
950
#202E0F

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026