#CCCDE6

#CCCDE6

Color Values

HEX

#CCCDE6

RGB

204, 205, 230

HSL

237.7, 34.2%, 85.1%

HSV

237.7, 11.3%, 90.2%

CMYK

11.3%, 10.9%, 0.0%, 9.8%

OKLCH

0.8553 0.0345 283.8

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCCDE6

#E6E5CC

Analogous

#CCDAE6

#D8CCE6

#CCCDE6

Triadic

#CCCDE6

#E6CCCD

#CDE6CC

Split Complementary

#CCCDE6

#E6D8CC

#DAE6CC

Tetradic

#CCCDE6

#E6CCDA

#E6E5CC

#CCE6D8

Color Blindness Simulation

Original

#CCCDE6

Protanopia

#CCCCE0

Deuteranopia

#CCCCDE

Tritanopia

#CCDBDA

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFD0E8
300
#ADAED7
400
#8083C1
500
#5457AB
600
#434689
700
#36386E
800
#2A2C56
900
#22233F
950
#151628

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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