#5FA45D

#5FA45D

Color Values

HEX

#5FA45D

RGB

95, 164, 93

HSL

118.3, 28.1%, 50.4%

HSV

118.3, 43.3%, 64.3%

CMYK

42.1%, 0.0%, 43.3%, 35.7%

OKLCH

0.6551 0.1242 143.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5FA45D

#A25DA4

Analogous

#83A45D

#5DA47F

#5FA45D

Triadic

#5FA45D

#5D5FA4

#A45D5F

Split Complementary

#5FA45D

#7F5DA4

#A45D83

Tetradic

#5FA45D

#5D83A4

#A25DA4

#A47F5D

Color Blindness Simulation

Original

#5FA45D

Protanopia

#7D7D6E

Deuteranopia

#797472

Tritanopia

#627C7F

Achromatopsia

#909090

CSS Usage

background-color: #5FA45D;
color: #5FA45D;
border-color: #5FA45D;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D1
300
#B2D3B1
400
#88BB86
500
#5EA35C
600
#4B8349
700
#3C693B
800
#2F522E
900
#253D24
950
#172617

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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