#5AE796

#5AE796

Color Values

HEX

#5AE796

RGB

90, 231, 150

HSL

145.5, 74.6%, 62.9%

HSV

145.5, 61.0%, 90.6%

CMYK

61.0%, 0.0%, 35.1%, 9.4%

OKLCH

0.8312 0.1677 154.8

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5AE796

#E75AAB

Analogous

#64E75A

#5AE7DC

#5AE796

Triadic

#5AE796

#965AE7

#E7965A

Split Complementary

#5AE796

#DC5AE7

#E75A64

Tetradic

#5AE796

#5A64E7

#E75AAB

#E7DC5A

Color Blindness Simulation

Original

#5AE796

Protanopia

#9798AA

Deuteranopia

#8F84AE

Tritanopia

#61B9BC

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E2F8EB
200
#C1F6D7
300
#94EFBB
400
#5AE796
500
#20DF71
600
#1AB25B
700
#158E48
800
#106F39
900
#10512C
950
#0A331C

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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