#CCC9E4

#CCC9E4

Color Values

HEX

#CCC9E4

RGB

204, 201, 228

HSL

246.7, 33.3%, 84.1%

HSV

246.7, 11.8%, 89.4%

CMYK

10.5%, 11.8%, 0.0%, 10.6%

OKLCH

0.8467 0.0374 290.7

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCC9E4

#E1E4C9

Analogous

#C9D3E4

#D9C9E4

#CCC9E4

Triadic

#CCC9E4

#E4CCC9

#C9E4CC

Split Complementary

#CCC9E4

#E4D9C9

#D3E4C9

Tetradic

#CCC9E4

#E4C9D3

#E1E4C9

#C9E4D9

Color Blindness Simulation

Original

#CCC9E4

Protanopia

#CBCBDD

Deuteranopia

#CBCBDC

Tritanopia

#CCD8D7

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D2CFE7
300
#B2ADD6
400
#8881C0
500
#5F55AA
600
#4C4488
700
#3C366D
800
#2F2B55
900
#25223F
950
#171528

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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