#5F8F3A

#5F8F3A

Color Values

HEX

#5F8F3A

RGB

95, 143, 58

HSL

93.9, 42.3%, 39.4%

HSV

93.9, 59.4%, 56.1%

CMYK

33.6%, 0.0%, 59.4%, 43.9%

OKLCH

0.5964 0.1274 133.6

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#5F8F3A

#6A3A8F

Analogous

#898F3A

#3A8F3F

#5F8F3A

Triadic

#5F8F3A

#3A5F8F

#8F3A5F

Split Complementary

#5F8F3A

#3F3A8F

#8F3A89

Tetradic

#5F8F3A

#3A898F

#6A3A8F

#8F3F3A

Color Blindness Simulation

Original

#5F8F3A

Protanopia

#74744F

Deuteranopia

#716D54

Tritanopia

#615F62

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D9EACC
300
#BEDCA8
400
#9BC979
500
#78B54A
600
#60913B
700
#4D742F
800
#3C5B25
900
#2E431E
950
#1D2A13

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.48:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026