#557727

#557727

Color Values

HEX

#557727

RGB

85, 119, 39

HSL

85.5, 50.6%, 31.0%

HSV

85.5, 67.2%, 46.7%

CMYK

28.6%, 0.0%, 67.2%, 53.3%

OKLCH

0.5257 0.1149 129.3

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#557727

#492777

Analogous

#777127

#2D7727

#557727

Triadic

#557727

#275577

#772755

Split Complementary

#557727

#272D77

#712777

Tetradic

#557727

#277771

#492777

#77272D

Color Blindness Simulation

Original

#557727

Protanopia

#64643A

Deuteranopia

#625F3F

Tritanopia

#574A4D

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DEEDC9
300
#C6E1A3
400
#A8D071
500
#89C03F
600
#6E9A32
700
#587B28
800
#45601F
900
#34471A
950
#212D11

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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