#5AE7AD

#5AE7AD

Color Values

HEX

#5AE7AD

RGB

90, 231, 173

HSL

155.3, 74.6%, 62.9%

HSV

155.3, 61.0%, 90.6%

CMYK

61.0%, 0.0%, 25.1%, 9.4%

OKLCH

0.8362 0.1481 162.8

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#5AE7AD

#E75A94

Analogous

#5AE766

#5ADBE7

#5AE7AD

Triadic

#5AE7AD

#AD5AE7

#E7AD5A

Split Complementary

#5AE7AD

#E75ADB

#E7665A

Tetradic

#5AE7AD

#665AE7

#E75A94

#DBE75A

Color Blindness Simulation

Original

#5AE7AD

Protanopia

#9798BB

Deuteranopia

#8F84BE

Tritanopia

#61C6C9

Achromatopsia

#C5C5C5

CSS Usage

background-color: #5AE7AD;
color: #5AE7AD;
border-color: #5AE7AD;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FCF8
100
#E2F8EF
200
#C1F6E0
300
#94EFCA
400
#5AE7AD
500
#20DF90
600
#1AB273
700
#158E5C
800
#106F48
900
#105136
950
#0A3322

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.47: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