#CCDCEA

#CCDCEA

Color Values

HEX

#CCDCEA

RGB

204, 220, 234

HSL

208.0, 41.7%, 85.9%

HSV

208.0, 12.8%, 91.8%

CMYK

12.8%, 6.0%, 0.0%, 8.2%

OKLCH

0.8867 0.0259 244.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCDCEA

#EADACC

Analogous

#CCEAE9

#CCCDEA

#CCDCEA

Triadic

#CCDCEA

#EACCDC

#DCEACC

Split Complementary

#CCDCEA

#EACCCD

#EAE9CC

Tetradic

#CCDCEA

#E9CCEA

#EADACC

#CDEACC

Color Blindness Simulation

Original

#CCDCEA

Protanopia

#D3D3E7

Deuteranopia

#D2D1E6

Tritanopia

#CDE4E3

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CCDCEA
300
#A8C4DB
400
#79A3C8
500
#4A83B5
600
#3B6991
700
#305474
800
#25425A
900
#1E3243
950
#131F2A

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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