#CCD2EB

#CCD2EB

Color Values

HEX

#CCD2EB

RGB

204, 210, 235

HSL

228.4, 43.7%, 86.1%

HSV

228.4, 13.2%, 92.2%

CMYK

13.2%, 10.6%, 0.0%, 7.8%

OKLCH

0.8669 0.0351 274.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCD2EB

#EBE5CC

Analogous

#CCE2EB

#D6CCEB

#CCD2EB

Triadic

#CCD2EB

#EBCCD2

#D2EBCC

Split Complementary

#CCD2EB

#EBD6CC

#E2EBCC

Tetradic

#CCD2EB

#EBCCE2

#EBE5CC

#CCEBD6

Color Blindness Simulation

Original

#CCD2EB

Protanopia

#CFCFE5

Deuteranopia

#CECEE4

Tritanopia

#CCE0DF

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7E9F4
200
#CCD2EB
300
#A7B1DD
400
#7787CA
500
#485DB7
600
#394B93
700
#2E3C75
800
#242F5C
900
#1D2544
950
#13172B

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.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