#5F982F

#5F982F

Color Values

HEX

#5F982F

RGB

95, 152, 47

HSL

92.6, 52.8%, 39.0%

HSV

92.6, 69.1%, 59.6%

CMYK

37.5%, 0.0%, 69.1%, 40.4%

OKLCH

0.6184 0.1489 133.6

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#5F982F

#682F98

Analogous

#93982F

#2F9833

#5F982F

Triadic

#5F982F

#2F5F98

#982F5F

Split Complementary

#5F982F

#332F98

#982F93

Tetradic

#5F982F

#2F9398

#682F98

#98332F

Color Blindness Simulation

Original

#5F982F

Protanopia

#787848

Deuteranopia

#74704E

Tritanopia

#625C61

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#DAEEC8
300
#BFE2A1
400
#9CD26F
500
#7AC33C
600
#619C30
700
#4E7D27
800
#3D611E
900
#2E4719
950
#1D2D10

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.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