#CCD9F5

#CCD9F5

Color Values

HEX

#CCD9F5

RGB

204, 217, 245

HSL

221.0, 67.2%, 88.0%

HSV

221.0, 16.7%, 96.1%

CMYK

16.7%, 11.4%, 0.0%, 3.9%

OKLCH

0.8843 0.0411 265.7

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CCD9F5

#F5E8CC

Analogous

#CCEDF5

#D3CCF5

#CCD9F5

Triadic

#CCD9F5

#F5CCD9

#D9F5CC

Split Complementary

#CCD9F5

#F5D3CC

#EDF5CC

Tetradic

#CCD9F5

#F5CCED

#F5E8CC

#CCF5D3

Color Blindness Simulation

Original

#CCD9F5

Protanopia

#D2D2EE

Deuteranopia

#D1D0ED

Tritanopia

#CDE9E8

Achromatopsia

#D8D8D8

CSS Usage

background-color: #CCD9F5;
color: #CCD9F5;
border-color: #CCD9F5;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F6FC
100
#E3E9F7
200
#C3D3F3
300
#99B3EB
400
#6189E0
500
#2A60D5
600
#214DAB
700
#1B3D88
800
#15306B
900
#13264E
950
#0C1831

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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