#5AE09C

#5AE09C

Color Values

HEX

#5AE09C

RGB

90, 224, 156

HSL

149.6, 68.4%, 61.6%

HSV

149.6, 59.8%, 87.8%

CMYK

59.8%, 0.0%, 30.4%, 12.2%

OKLCH

0.8153 0.1531 158.0

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#5AE09C

#E05A9E

Analogous

#5BE05A

#5AE0DF

#5AE09C

Triadic

#5AE09C

#9C5AE0

#E09C5A

Split Complementary

#5AE09C

#DF5AE0

#E05A5B

Tetradic

#5AE09C

#5A5BE0

#E05A9E

#E0DF5A

Color Blindness Simulation

Original

#5AE09C

Protanopia

#9495AC

Deuteranopia

#8C82B0

Tritanopia

#61B9BC

Achromatopsia

#BFBFBF

CSS Usage

background-color: #5AE09C;
color: #5AE09C;
border-color: #5AE09C;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C3F4DB
300
#98ECC1
400
#60E1A0
500
#28D77E
600
#20AC65
700
#1A8951
800
#146B3F
900
#134E30
950
#0C311E

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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