#9DCAC9

#9DCAC9

Color Values

HEX

#9DCAC9

RGB

157, 202, 201

HSL

178.7, 29.8%, 70.4%

HSV

178.7, 22.3%, 79.2%

CMYK

22.3%, 0.0%, 0.5%, 20.8%

OKLCH

0.8068 0.0473 194.6

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#9DCAC9

#CA9D9E

Analogous

#9DCAB3

#9DB4CA

#9DCAC9

Triadic

#9DCAC9

#C99DCA

#CAC99D

Split Complementary

#9DCAC9

#CA9DB4

#CAB39D

Tetradic

#9DCAC9

#B39DCA

#CA9D9E

#B4CA9D

Color Blindness Simulation

Original

#9DCAC9

Protanopia

#B0B1C9

Deuteranopia

#AEAAC9

Tritanopia

#9FC9C9

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E5
300
#B0D4D3
400
#85BDBC
500
#5AA5A4
600
#488483
700
#396A69
800
#2D5352
900
#233D3D
950
#162726

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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