#CCDCEE

#CCDCEE

Color Values

HEX

#CCDCEE

RGB

204, 220, 238

HSL

211.8, 50.0%, 86.7%

HSV

211.8, 14.3%, 93.3%

CMYK

14.3%, 7.6%, 0.0%, 6.7%

OKLCH

0.888 0.0302 251.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCDCEE

#EEDECC

Analogous

#CCEDEE

#CDCCEE

#CCDCEE

Triadic

#CCDCEE

#EECCDC

#DCEECC

Split Complementary

#CCDCEE

#EECDCC

#EDEECC

Tetradic

#CCDCEE

#EECCED

#EEDECC

#CCEECD

Color Blindness Simulation

Original

#CCDCEE

Protanopia

#D3D3EA

Deuteranopia

#D2D1E9

Tritanopia

#CDE6E5

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#C9DAED
300
#A3C0E0
400
#719ED0
500
#407CBF
600
#336399
700
#294F7A
800
#203E60
900
#1B2F46
950
#111E2C

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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