#5AE87C

#5AE87C

Color Values

HEX

#5AE87C

RGB

90, 232, 124

HSL

134.4, 75.5%, 63.1%

HSV

134.4, 61.2%, 91.0%

CMYK

61.2%, 0.0%, 46.6%, 9.0%

OKLCH

0.8291 0.1925 148.4

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5AE87C

#E85AC6

Analogous

#7FE85A

#5AE8C3

#5AE87C

Triadic

#5AE87C

#7C5AE8

#E87C5A

Split Complementary

#5AE87C

#C35AE8

#E85A7F

Tetradic

#5AE87C

#5A7FE8

#E85AC6

#E8C35A

Color Blindness Simulation

Original

#5AE87C

Protanopia

#989996

Deuteranopia

#8F859C

Tritanopia

#61ABAF

Achromatopsia

#C2C2C2

CSS Usage

background-color: #5AE87C;
color: #5AE87C;
border-color: #5AE87C;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF5
100
#E2F9E7
200
#C0F6CD
300
#94F0AA
400
#59E87C
500
#1FE04D
600
#19B33E
700
#148F32
800
#107027
900
#10511F
950
#0A3314

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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