#5FA062

#5FA062

Color Values

HEX

#5FA062

RGB

95, 160, 98

HSL

122.8, 25.5%, 50.0%

HSV

122.8, 40.6%, 62.7%

CMYK

40.6%, 0.0%, 38.8%, 37.3%

OKLCH

0.6459 0.1129 145.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5FA062

#A05F9D

Analogous

#7CA05F

#5FA083

#5FA062

Triadic

#5FA062

#625FA0

#A0625F

Split Complementary

#5FA062

#835FA0

#A05F7C

Tetradic

#5FA062

#5F7CA0

#A05F9D

#A0835F

Color Blindness Simulation

Original

#5FA062

Protanopia

#7B7C71

Deuteranopia

#777275

Tritanopia

#627D7F

Achromatopsia

#8E8E8E

CSS Usage

background-color: #5FA062;
color: #5FA062;
border-color: #5FA062;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D2E4D3
300
#B2D1B4
400
#89B98B
500
#5FA062
600
#4C804E
700
#3D663F
800
#2F5031
900
#253C26
950
#182618

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.69:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026