#CCC9E2

#CCC9E2

Color Values

HEX

#CCC9E2

RGB

204, 201, 226

HSL

247,2, 30,1%, 83,7%

HSV

247,2, 11,1%, 88,6%

CMYK

9,7%, 11,1%, 0,0%, 11,4%

OKLCH

0,8461 0,0346 291,2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCC9E2

#DFE2C9

Analogous

#C9D2E2

#D8C9E2

#CCC9E2

Triadic

#CCC9E2

#E2CCC9

#C9E2CC

Split Complementary

#CCC9E2

#E2D8C9

#D2E2C9

Tetradic

#CCC9E2

#E2C9D2

#DFE2C9

#C9E2D8

Color Blindness Simulation

Original

#CCC9E2

Protanopia

#CBCBDC

Deuteranopia

#CBCBDA

Tritanopia

#CCD7D6

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D3D1E6
300
#B4AFD4
400
#8B84BD
500
#6259A6
600
#4F4785
700
#3F396A
800
#312D53
900
#26233E
950
#181627

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

13,02:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026