#5F7F32

#5F7F32

Color Values

HEX

#5F7F32

RGB

95, 127, 50

HSL

84.9, 43.5%, 34.7%

HSV

84.9, 60.6%, 49.8%

CMYK

25.2%, 0.0%, 60.6%, 50.2%

OKLCH

0.5545 0.1114 128.5

Properties

Cool Dark Nearest: darkolivegreen 4

Color Harmonies

Complementary

#5F7F32

#52327F

Analogous

#7F7832

#397F32

#5F7F32

Triadic

#5F7F32

#325F7F

#7F325F

Split Complementary

#5F7F32

#32397F

#78327F

Tetradic

#5F7F32

#327F78

#52327F

#7F3239

Color Blindness Simulation

Original

#5F7F32

Protanopia

#6D6D45

Deuteranopia

#6B6949

Tritanopia

#615357

Achromatopsia

#737373

CSS Usage

background-color: #5F7F32;
color: #5F7F32;
border-color: #5F7F32;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DEEBCC
300
#C6DCA7
400
#A8CA78
500
#89B748
600
#6E923A
700
#58752E
800
#445B24
900
#34431D
950
#212B13

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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