#5F873C

#5F873C

Color Values

HEX

#5F873C

RGB

95, 135, 60

HSL

92.0, 38.5%, 38.2%

HSV

92.0, 55.6%, 52.9%

CMYK

29.6%, 0.0%, 55.6%, 47.1%

OKLCH

0.5762 0.1137 132.3

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#5F873C

#643C87

Analogous

#84873C

#3C873E

#5F873C

Triadic

#5F873C

#3C5F87

#873C5F

Split Complementary

#5F873C

#3E3C87

#873C84

Tetradic

#5F873C

#3C8487

#643C87

#873E3C

Color Blindness Simulation

Original

#5F873C

Protanopia

#70714E

Deuteranopia

#6E6B52

Tritanopia

#615C60

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DAE9CE
300
#C0D9AA
400
#9EC57C
500
#7CB14E
600
#638D3F
700
#507132
800
#3E5827
900
#2F4120
950
#1E2914

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026