#9AE9DF

#9AE9DF

Color Values

HEX

#9AE9DF

RGB

154, 233, 223

HSL

172.4, 64.2%, 75.9%

HSV

172.4, 33.9%, 91.4%

CMYK

33.9%, 0.0%, 4.3%, 8.6%

OKLCH

0.8801 0.0789 185.8

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#9AE9DF

#E99AA4

Analogous

#9AE9B8

#9ACCE9

#9AE9DF

Triadic

#9AE9DF

#DF9AE9

#E9DF9A

Split Complementary

#9AE9DF

#E99ACC

#E9B89A

Tetradic

#9AE9DF

#B89AE9

#E99AA4

#CCE99A

Color Blindness Simulation

Original

#9AE9DF

Protanopia

#BCBDE1

Deuteranopia

#B8B2E2

Tritanopia

#9EE3E4

Achromatopsia

#D7D7D7

CSS Usage

background-color: #9AE9DF;
color: #9AE9DF;
border-color: #9AE9DF;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F3FCFA
100
#E3F7F4
200
#C4F2EC
300
#9BE9DF
400
#64DDCE
500
#2ED1BD
600
#25A797
700
#1D8679
800
#17695E
900
#144C45
950
#0D302C

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.1:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026