#CCDCF6

#CCDCF6

Color Values

HEX

#CCDCF6

RGB

204, 220, 246

HSL

217,1, 70,0%, 88,2%

HSV

217,1, 17,1%, 96,5%

CMYK

17,1%, 10,6%, 0,0%, 3,5%

OKLCH

0,8906 0,0398 260,1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CCDCF6

#F6E6CC

Analogous

#CCF1F6

#D1CCF6

#CCDCF6

Triadic

#CCDCF6

#F6CCDC

#DCF6CC

Split Complementary

#CCDCF6

#F6D1CC

#F1F6CC

Tetradic

#CCDCF6

#F6CCF1

#F6E6CC

#CCF6D1

Color Blindness Simulation

Original

#CCDCF6

Protanopia

#D3D3F0

Deuteranopia

#D2D1EE

Tritanopia

#CDEBEA

Achromatopsia

#DADADA

CSS Usage

background-color: #CCDCF6;
color: #CCDCF6;
border-color: #CCDCF6;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C2D5F4
300
#97B8ED
400
#5F91E3
500
#266AD9
600
#1F55AD
700
#18448B
800
#13356C
900
#12294F
950
#0B1A32

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,14: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