#5AE8CC

#5AE8CC

Color Values

HEX

#5AE8CC

RGB

90, 232, 204

HSL

168.2, 75.5%, 63.1%

HSV

168.2, 61.2%, 91.0%

CMYK

61.2%, 0.0%, 12.1%, 9.0%

OKLCH

0.8467 0.1287 177.6

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#5AE8CC

#E85A76

Analogous

#5AE885

#5ABDE8

#5AE8CC

Triadic

#5AE8CC

#CC5AE8

#E8CC5A

Split Complementary

#5AE8CC

#E85ABD

#E8855A

Tetradic

#5AE8CC

#855AE8

#E85A76

#BDE85A

Color Blindness Simulation

Original

#5AE8CC

Protanopia

#9899D3

Deuteranopia

#8F85D4

Tritanopia

#61D8D9

Achromatopsia

#C8C8C8

CSS Usage

background-color: #5AE8CC;
color: #5AE8CC;
border-color: #5AE8CC;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FCFA
100
#E2F9F4
200
#C0F6EC
300
#94F0DE
400
#59E8CC
500
#1FE0BA
600
#19B395
700
#148F77
800
#10705D
900
#105144
950
#0A332B

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.85:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026