#9ECFD1

#9ECFD1

Color Values

HEX

#9ECFD1

RGB

158, 207, 209

HSL

182.4, 35.7%, 72.0%

HSV

182.4, 24.4%, 82.0%

CMYK

24.4%, 1.0%, 0.0%, 18.0%

OKLCH

0.8209 0.0511 199.3

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#9ECFD1

#D1A09E

Analogous

#9ED1BA

#9EB6D1

#9ECFD1

Triadic

#9ECFD1

#D19ECF

#CFD19E

Split Complementary

#9ECFD1

#D19EB6

#D1BA9E

Tetradic

#9ECFD1

#BA9ED1

#D1A09E

#B6D19E

Color Blindness Simulation

Original

#9ECFD1

Protanopia

#B3B4D1

Deuteranopia

#B0ADD0

Tritanopia

#A0D0D0

Achromatopsia

#C5C5C5

CSS Usage

background-color: #9ECFD1;
color: #9ECFD1;
border-color: #9ECFD1;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CFE7E8
300
#ACD6D8
400
#7FC0C2
500
#52A9AD
600
#42888A
700
#346C6F
800
#295557
900
#213F40
950
#152828

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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