#5AE794

#5AE794

Color Values

HEX

#5AE794

RGB

90, 231, 148

HSL

144.7, 74.6%, 62.9%

HSV

144.7, 61.0%, 90.6%

CMYK

61.0%, 0.0%, 35.9%, 9.4%

OKLCH

0.8308 0.1695 154.2

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5AE794

#E75AAD

Analogous

#66E75A

#5AE7DB

#5AE794

Triadic

#5AE794

#945AE7

#E7945A

Split Complementary

#5AE794

#DB5AE7

#E75A66

Tetradic

#5AE794

#5A66E7

#E75AAD

#E7DB5A

Color Blindness Simulation

Original

#5AE794

Protanopia

#9798A8

Deuteranopia

#8F84AD

Tritanopia

#61B8BB

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2FCF6
100
#E2F8EB
200
#C1F6D7
300
#94EFBA
400
#5AE794
500
#20DF6F
600
#1AB259
700
#158E47
800
#106F37
900
#10512B
950
#0A331B

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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