#5AAF75

#5AAF75

Color Values

HEX

#5AAF75

RGB

90, 175, 117

HSL

139.1, 34.7%, 52.0%

HSV

139.1, 48.6%, 68.6%

CMYK

48.6%, 0.0%, 33.1%, 31.4%

OKLCH

0.6852 0.1196 152.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#5AAF75

#AF5A94

Analogous

#6AAF5A

#5AAFA0

#5AAF75

Triadic

#5AAF75

#755AAF

#AF755A

Split Complementary

#5AAF75

#A05AAF

#AF5A6A

Tetradic

#5AAF75

#5A6AAF

#AF5A94

#AFA05A

Color Blindness Simulation

Original

#5AAF75

Protanopia

#7F8083

Deuteranopia

#7A7486

Tritanopia

#5E8E91

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EB
200
#CFE8D7
300
#ADD7BA
400
#80C195
500
#53AC6F
600
#438959
700
#356E47
800
#2A5638
900
#21402B
950
#15281B

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026