#558A34

#558A34

Color Values

HEX

#558A34

RGB

85, 138, 52

HSL

97.0, 45.3%, 37.3%

HSV

97.0, 62.3%, 54.1%

CMYK

38.4%, 0.0%, 62.3%, 45.9%

OKLCH

0.5769 0.131 135.3

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#558A34

#69348A

Analogous

#808A34

#348A3E

#558A34

Triadic

#558A34

#34558A

#8A3455

Split Complementary

#558A34

#3E348A

#8A3480

Tetradic

#558A34

#34808A

#69348A

#8A3E34

Color Blindness Simulation

Original

#558A34

Protanopia

#6C6C49

Deuteranopia

#69654E

Tritanopia

#58595D

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8EBCB
300
#BBDEA6
400
#97CB76
500
#72B946
600
#5B9438
700
#49772D
800
#395D23
900
#2C441D
950
#1C2B12

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026