#558F22

#558F22

Color Values

HEX

#558F22

RGB

85, 143, 34

HSL

91,9, 61,6%, 34,7%

HSV

91,9, 76,2%, 56,1%

CMYK

40,6%, 0,0%, 76,2%, 43,9%

OKLCH

0,5884 0,151 133,8

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#558F22

#5C228F

Analogous

#8C8F22

#228F25

#558F22

Triadic

#558F22

#22558F

#8F2255

Split Complementary

#558F22

#25228F

#8F228C

Tetradic

#558F22

#228C8F

#5C228F

#8F2522

Color Blindness Simulation

Original

#558F22

Protanopia

#6E6F3C

Deuteranopia

#6B6643

Tritanopia

#585156

Achromatopsia

#7B7B7B

CSS Usage

background-color: #558F22;
color: #558F22;
border-color: #558F22;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF3
100
#EDF6E4
200
#DAF1C5
300
#BFE79C
400
#9DDB67
500
#7BCE31
600
#62A527
700
#4E841F
800
#3D6718
900
#2F4B16
950
#1E300E

Contrast Checker

Text on white

3,93:1

AA Fail AAA Fail

Text on black

5,34:1

AA Pass 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