#558222

#558222

Color Values

HEX

#558222

RGB

85, 130, 34

HSL

88.1, 58.5%, 32.2%

HSV

88.1, 73.8%, 51.0%

CMYK

34.6%, 0.0%, 73.8%, 49.0%

OKLCH

0.5541 0.1339 131.5

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#558222

#4F2282

Analogous

#827F22

#258222

#558222

Triadic

#558222

#225582

#822255

Split Complementary

#558222

#222582

#7F2282

Tetradic

#558222

#22827F

#4F2282

#822225

Color Blindness Simulation

Original

#558222

Protanopia

#686939

Deuteranopia

#66623F

Tritanopia

#574C50

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DDF0C6
300
#C4E69E
400
#A4D869
500
#84CA35
600
#6AA22A
700
#558122
800
#42651A
900
#324A17
950
#202F0E

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026