#5AE798

#5AE798

Color Values

HEX

#5AE798

RGB

90, 231, 152

HSL

146.4, 74.6%, 62.9%

HSV

146.4, 61.0%, 90.6%

CMYK

61.0%, 0.0%, 34.2%, 9.4%

OKLCH

0.8316 0.1659 155.4

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5AE798

#E75AA9

Analogous

#62E75A

#5AE7DF

#5AE798

Triadic

#5AE798

#985AE7

#E7985A

Split Complementary

#5AE798

#DF5AE7

#E75A62

Tetradic

#5AE798

#5A62E7

#E75AA9

#E7DF5A

Color Blindness Simulation

Original

#5AE798

Protanopia

#9798AB

Deuteranopia

#8F84B0

Tritanopia

#61BABE

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E2F8EC
200
#C1F6D8
300
#94EFBC
400
#5AE798
500
#20DF74
600
#1AB25D
700
#158E4A
800
#106F3A
900
#10512D
950
#0A331C

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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