#5AE782

#5AE782

Color Values

HEX

#5AE782

RGB

90, 231, 130

HSL

137.0, 74.6%, 62.9%

HSV

137.0, 61.0%, 90.6%

CMYK

61.0%, 0.0%, 43.7%, 9.4%

OKLCH

0.8276 0.1858 149.7

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5AE782

#E75ABF

Analogous

#78E75A

#5AE7C8

#5AE782

Triadic

#5AE782

#825AE7

#E7825A

Split Complementary

#5AE782

#C85AE7

#E75A78

Tetradic

#5AE782

#5A78E7

#E75ABF

#E7C85A

Color Blindness Simulation

Original

#5AE782

Protanopia

#97989A

Deuteranopia

#8F84A0

Tritanopia

#61AEB2

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F2FCF5
100
#E2F8E8
200
#C1F6D0
300
#94EFAE
400
#5AE782
500
#20DF56
600
#1AB245
700
#158E37
800
#106F2B
900
#105122
950
#0A3316

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.19:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026