#CCD6EF

#CCD6EF

Color Values

HEX

#CCD6EF

RGB

204, 214, 239

HSL

222.9, 52.2%, 86.9%

HSV

222.9, 14.6%, 93.7%

CMYK

14.6%, 10.5%, 0.0%, 6.3%

OKLCH

0.8762 0.0362 268.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCD6EF

#EFE5CC

Analogous

#CCE8EF

#D4CCEF

#CCD6EF

Triadic

#CCD6EF

#EFCCD6

#D6EFCC

Split Complementary

#CCD6EF

#EFD4CC

#E8EFCC

Tetradic

#CCD6EF

#EFCCE8

#EFE5CC

#CCEFD4

Color Blindness Simulation

Original

#CCD6EF

Protanopia

#D0D0E9

Deuteranopia

#D0CFE8

Tritanopia

#CCE4E3

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EAF5
200
#C9D3EE
300
#A2B4E2
400
#6F8BD2
500
#3D63C2
600
#314F9B
700
#273F7C
800
#1E3161
900
#1A2747
950
#10182D

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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