#CCDAE7

#CCDAE7

Color Values

HEX

#CCDAE7

RGB

204, 218, 231

HSL

208.9, 36.0%, 85.3%

HSV

208.9, 11.7%, 90.6%

CMYK

11.7%, 5.6%, 0.0%, 9.4%

OKLCH

0.8817 0.0235 246.1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCDAE7

#E7D9CC

Analogous

#CCE7E7

#CCCDE7

#CCDAE7

Triadic

#CCDAE7

#E7CCDA

#DAE7CC

Split Complementary

#CCDAE7

#E7CCCD

#E7E7CC

Tetradic

#CCDAE7

#E7CCE7

#E7D9CC

#CDE7CC

Color Blindness Simulation

Original

#CCDAE7

Protanopia

#D2D2E4

Deuteranopia

#D1D0E3

Tritanopia

#CDE1E1

Achromatopsia

#D8D8D8

CSS Usage

background-color: #CCDAE7;
color: #CCDAE7;
border-color: #CCDAE7;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDCE8
300
#ACC3D8
400
#7FA2C3
500
#5281AD
600
#41678B
700
#34536F
800
#294157
900
#213140
950
#151F29

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026