#CCCBE4

#CCCBE4

Color Values

HEX

#CCCBE4

RGB

204, 203, 228

HSL

242.4, 31.6%, 84.5%

HSV

242.4, 11.0%, 89.4%

CMYK

10.5%, 11.0%, 0.0%, 10.6%

OKLCH

0.8507 0.0345 287.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCCBE4

#E3E4CB

Analogous

#CBD6E4

#D8CBE4

#CCCBE4

Triadic

#CCCBE4

#E4CCCB

#CBE4CC

Split Complementary

#CCCBE4

#E4D8CB

#D6E4CB

Tetradic

#CCCBE4

#E4CBD6

#E3E4CB

#CBE4D8

Color Blindness Simulation

Original

#CCCBE4

Protanopia

#CCCCDE

Deuteranopia

#CCCCDC

Tritanopia

#CCD9D8

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F5F5F9
100
#E9E8F2
200
#D1D0E7
300
#B0AED5
400
#8583BE
500
#5A57A8
600
#484686
700
#3A386B
800
#2D2C54
900
#24233E
950
#171627

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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