#5AE09F

#5AE09F

Color Values

HEX

#5AE09F

RGB

90, 224, 159

HSL

150.9, 68.4%, 61.6%

HSV

150.9, 59.8%, 87.8%

CMYK

59.8%, 0.0%, 29.0%, 12.2%

OKLCH

0.8159 0.1505 159.1

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#5AE09F

#E05A9B

Analogous

#5AE05C

#5ADEE0

#5AE09F

Triadic

#5AE09F

#9F5AE0

#E09F5A

Split Complementary

#5AE09F

#E05ADE

#E05C5A

Tetradic

#5AE09F

#5C5AE0

#E05A9B

#DEE05A

Color Blindness Simulation

Original

#5AE09F

Protanopia

#9495AF

Deuteranopia

#8C82B2

Tritanopia

#61BBBE

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C3F4DC
300
#98ECC3
400
#60E1A3
500
#28D782
600
#20AC68
700
#1A8953
800
#146B41
900
#134E31
950
#0C311F

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026