#557B28

#557B28

Color Values

HEX

#557B28

RGB

85, 123, 40

HSL

87.5, 50.9%, 32.0%

HSV

87.5, 67.5%, 48.2%

CMYK

30.9%, 0.0%, 67.5%, 51.8%

OKLCH

0.5363 0.1198 130.6

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#557B28

#4E287B

Analogous

#7B7828

#2C7B28

#557B28

Triadic

#557B28

#28557B

#7B2855

Split Complementary

#557B28

#282C7B

#78287B

Tetradic

#557B28

#287B78

#4E287B

#7B282C

Color Blindness Simulation

Original

#557B28

Protanopia

#65663C

Deuteranopia

#636041

Tritanopia

#574C4F

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DDEDC9
300
#C4E1A3
400
#A5D171
500
#85C03F
600
#6A9A32
700
#557B28
800
#42601F
900
#32471A
950
#202D11

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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