#5AB284

#5AB284

Color Values

HEX

#5AB284

RGB

90, 178, 132

HSL

148.6, 36.4%, 52.5%

HSV

148.6, 49.4%, 69.8%

CMYK

49.4%, 0.0%, 25.8%, 30.2%

OKLCH

0.6961 0.1099 158.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#5AB284

#B25A88

Analogous

#5CB25A

#5AB2B0

#5AB284

Triadic

#5AB284

#845AB2

#B2845A

Split Complementary

#5AB284

#B05AB2

#B25A5C

Tetradic

#5AB284

#5A5CB2

#B25A88

#B2B05A

Color Blindness Simulation

Original

#5AB284

Protanopia

#80818F

Deuteranopia

#7B7492

Tritanopia

#5E989A

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DB
300
#ACD8C1
400
#7EC39F
500
#51AE7D
600
#418B64
700
#346F50
800
#29573F
900
#214030
950
#15291E

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.14:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026