#558835

#558835

Color Values

HEX

#558835

RGB

85, 136, 53

HSL

96.9, 43.9%, 37.1%

HSV

96.9, 61.0%, 53.3%

CMYK

37.5%, 0.0%, 61.0%, 46.7%

OKLCH

0.5718 0.1273 135.1

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#558835

#683588

Analogous

#7F8835

#35883F

#558835

Triadic

#558835

#355588

#883555

Split Complementary

#558835

#3F3588

#88357F

Tetradic

#558835

#357F88

#683588

#883F35

Color Blindness Simulation

Original

#558835

Protanopia

#6B6C49

Deuteranopia

#68644E

Tritanopia

#58595C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8EBCC
300
#BCDDA7
400
#97CA77
500
#73B748
600
#5C9339
700
#49752E
800
#395C24
900
#2C441D
950
#1C2B13

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96: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