#9DCCDA

#9DCCDA

Color Values

HEX

#9DCCDA

RGB

157, 204, 218

HSL

193.8, 45.2%, 73.5%

HSV

193.8, 28.0%, 85.5%

CMYK

28.0%, 6.4%, 0.0%, 14.5%

OKLCH

0.8167 0.0529 218.0

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#9DCCDA

#DAAB9D

Analogous

#9DDAC9

#9DADDA

#9DCCDA

Triadic

#9DCCDA

#DA9DCC

#CCDA9D

Split Complementary

#9DCCDA

#DA9DAD

#DAC99D

Tetradic

#9DCCDA

#C99DDA

#DAAB9D

#ADDA9D

Color Blindness Simulation

Original

#9DCCDA

Protanopia

#B1B2D7

Deuteranopia

#AFABD6

Tritanopia

#9FD4D3

Achromatopsia

#C3C3C3

CSS Usage

background-color: #9DCCDA;
color: #9DCCDA;
border-color: #9DCCDA;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE4EB
300
#A6D1DD
400
#76B8CB
500
#469FB9
600
#387F94
700
#2D6676
800
#234F5D
900
#1D3B44
950
#12252B

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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