#5FAA64

#5FAA64

Color Values

HEX

#5FAA64

RGB

95, 170, 100

HSL

124.0, 30.6%, 52.0%

HSV

124.0, 44.1%, 66.7%

CMYK

44.1%, 0.0%, 41.2%, 33.3%

OKLCH

0.6715 0.1262 145.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5FAA64

#AA5FA5

Analogous

#80AA5F

#5FAA8A

#5FAA64

Triadic

#5FAA64

#645FAA

#AA645F

Split Complementary

#5FAA64

#8A5FAA

#AA5F80

Tetradic

#5FAA64

#5F80AA

#AA5FA5

#AA8A5F

Color Blindness Simulation

Original

#5FAA64

Protanopia

#7F8075

Deuteranopia

#7B7679

Tritanopia

#638285

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D0E6D2
300
#AFD5B2
400
#84BE88
500
#58A75E
600
#47854B
700
#396B3C
800
#2C532F
900
#233E25
950
#162717

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

7.42:1

AA Pass AAA Pass

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