#CCC9E5

#CCC9E5

Color Values

HEX

#CCC9E5

RGB

204, 201, 229

HSL

246.4, 35.0%, 84.3%

HSV

246.4, 12.2%, 89.8%

CMYK

10.9%, 12.2%, 0.0%, 10.2%

OKLCH

0.8471 0.0387 290.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCC9E5

#E2E5C9

Analogous

#C9D4E5

#DAC9E5

#CCC9E5

Triadic

#CCC9E5

#E5CCC9

#C9E5CC

Split Complementary

#CCC9E5

#E5DAC9

#D4E5C9

Tetradic

#CCC9E5

#E5C9D4

#E2E5C9

#C9E5DA

Color Blindness Simulation

Original

#CCC9E5

Protanopia

#CBCBDE

Deuteranopia

#CBCBDD

Tritanopia

#CCD9D8

Achromatopsia

#CCCCCC

CSS Usage

background-color: #CCC9E5;
color: #CCC9E5;
border-color: #CCC9E5;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D1CFE8
300
#B1ACD7
400
#8780C2
500
#5C53AC
600
#4A428A
700
#3B356E
800
#2E2956
900
#242140
950
#171528

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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