#5F8636

#5F8636

Color Values

HEX

#5F8636

RGB

95, 134, 54

HSL

89.2, 42.6%, 36.9%

HSV

89.2, 59.7%, 52.5%

CMYK

29.1%, 0.0%, 59.7%, 47.5%

OKLCH

0.5729 0.1179 131.0

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#5F8636

#5D3686

Analogous

#868536

#378636

#5F8636

Triadic

#5F8636

#365F86

#86365F

Split Complementary

#5F8636

#363786

#853686

Tetradic

#5F8636

#368685

#5D3686

#863637

Color Blindness Simulation

Original

#5F8636

Protanopia

#707049

Deuteranopia

#6E6B4E

Tritanopia

#61595C

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF4E7
200
#DCEBCC
300
#C2DCA8
400
#A2C978
500
#81B649
600
#67913B
700
#53742F
800
#405B25
900
#31431E
950
#1F2A13

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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