#9CCAC5

#9CCAC5

Color Values

HEX

#9CCAC5

RGB

156, 202, 197

HSL

173.5, 30.3%, 70.2%

HSV

173.5, 22.8%, 79.2%

CMYK

22.8%, 0.0%, 2.5%, 20.8%

OKLCH

0.805 0.0488 188.0

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#9CCAC5

#CA9CA1

Analogous

#9CCAAE

#9CB8CA

#9CCAC5

Triadic

#9CCAC5

#C59CCA

#CAC59C

Split Complementary

#9CCAC5

#CA9CB8

#CAAE9C

Tetradic

#9CCAC5

#AE9CCA

#CA9CA1

#B8CA9C

Color Blindness Simulation

Original

#9CCAC5

Protanopia

#B0B0C6

Deuteranopia

#ADAAC6

Tritanopia

#9EC7C7

Achromatopsia

#C0C0C0

CSS Usage

background-color: #9CCAC5;
color: #9CCAC5;
border-color: #9CCAC5;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D0E6E4
300
#AFD4D0
400
#84BDB7
500
#59A69E
600
#47857E
700
#396A65
800
#2C534F
900
#233E3B
950
#162725

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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