#557623

#557623

Color Values

HEX

#557623

RGB

85, 118, 35

HSL

83.9, 54.2%, 30.0%

HSV

83.9, 70.3%, 46.3%

CMYK

28.0%, 0.0%, 70.3%, 53.7%

OKLCH

0.5227 0.1167 128.6

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#557623

#442376

Analogous

#766E23

#2B7623

#557623

Triadic

#557623

#235576

#762355

Split Complementary

#557623

#232B76

#6E2376

Tetradic

#557623

#23766E

#442376

#76232B

Color Blindness Simulation

Original

#557623

Protanopia

#636437

Deuteranopia

#615F3C

Tritanopia

#57474A

Achromatopsia

#696969

CSS Usage

background-color: #557623;
color: #557623;
border-color: #557623;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#DFEFC8
300
#C9E3A1
400
#ABD46E
500
#8EC53A
600
#719D2F
700
#5B7E25
800
#47621D
900
#354819
950
#222E10

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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