#5F833F

#5F833F

Color Values

HEX

#5F833F

RGB

95, 131, 63

HSL

91.8, 35.1%, 38.0%

HSV

91.8, 51.9%, 51.4%

CMYK

27.5%, 0.0%, 51.9%, 48.6%

OKLCH

0.5665 0.1045 131.9

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#5F833F

#633F83

Analogous

#81833F

#3F8341

#5F833F

Triadic

#5F833F

#3F5F83

#833F5F

Split Complementary

#5F833F

#413F83

#833F81

Tetradic

#5F833F

#3F8183

#633F83

#83413F

Color Blindness Simulation

Original

#5F833F

Protanopia

#6F6F4F

Deuteranopia

#6C6A53

Tritanopia

#615C5F

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DBE8CF
300
#C1D7AC
400
#9FC280
500
#7DAC53
600
#648A42
700
#506E35
800
#3E5629
900
#304021
950
#1E2815

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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