#CCCDE2

#CCCDE2

Color Values

HEX

#CCCDE2

RGB

204, 205, 226

HSL

237.3, 27.5%, 84.3%

HSV

237.3, 9.7%, 88.6%

CMYK

9.7%, 9.3%, 0.0%, 11.4%

OKLCH

0.854 0.029 283.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCCDE2

#E2E1CC

Analogous

#CCD8E2

#D6CCE2

#CCCDE2

Triadic

#CCCDE2

#E2CCCD

#CDE2CC

Split Complementary

#CCCDE2

#E2D6CC

#D8E2CC

Tetradic

#CCCDE2

#E2CCD8

#E2E1CC

#CCE2D6

Color Blindness Simulation

Original

#CCCDE2

Protanopia

#CCCCDD

Deuteranopia

#CCCCDC

Tritanopia

#CCD9D8

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9E9F1
200
#D1D2E5
300
#B1B2D3
400
#8789BB
500
#5C60A3
600
#4A4C82
700
#3B3D68
800
#2E3051
900
#24263C
950
#171826

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.4:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026