#558B18

#558B18

Color Values

HEX

#558B18

RGB

85, 139, 24

HSL

88.2, 70.6%, 32.0%

HSV

88.2, 82.7%, 54.5%

CMYK

38.8%, 0.0%, 82.7%, 45.5%

OKLCH

0.5772 0.1512 132.5

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#558B18

#4E188B

Analogous

#8B8818

#1B8B18

#558B18

Triadic

#558B18

#18558B

#8B1855

Split Complementary

#558B18

#181B8B

#88188B

Tetradic

#558B18

#188B88

#4E188B

#8B181B

Color Blindness Simulation

Original

#558B18

Protanopia

#6C6D34

Deuteranopia

#69653A

Tritanopia

#584A4F

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DDF5C2
300
#C4ED97
400
#A5E35E
500
#85DA25
600
#6AAE1E
700
#558B18
800
#426D13
900
#324F12
950
#20320B

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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