#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

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026