#9DDCD9

#9DDCD9

Color Values

HEX

#9DDCD9

RGB

157, 220, 217

HSL

177.1, 47.4%, 73.9%

HSV

177.1, 28.6%, 86.3%

CMYK

28.6%, 0.0%, 1.4%, 13.7%

OKLCH

0.8512 0.0639 192.3

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#9DDCD9

#DC9DA0

Analogous

#9DDCB9

#9DBFDC

#9DDCD9

Triadic

#9DDCD9

#D99DDC

#DCD99D

Split Complementary

#9DDCD9

#DC9DBF

#DCB99D

Tetradic

#9DDCD9

#B99DDC

#DC9DA0

#BFDC9D

Color Blindness Simulation

Original

#9DDCD9

Protanopia

#B8B9DA

Deuteranopia

#B5B0DA

Tritanopia

#A0DADA

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEB
300
#A5DFDC
400
#74CDC9
500
#43BCB6
600
#369692
700
#2B7875
800
#225E5B
900
#1C4543
950
#122C2A

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.67:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026