#CCC9E6

#CCC9E6

Color Values

HEX

#CCC9E6

RGB

204, 201, 230

HSL

246.2, 36.7%, 84.5%

HSV

246.2, 12.6%, 90.2%

CMYK

11.3%, 12.6%, 0.0%, 9.8%

OKLCH

0.8474 0.0401 290.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCC9E6

#E3E6C9

Analogous

#C9D4E6

#DAC9E6

#CCC9E6

Triadic

#CCC9E6

#E6CCC9

#C9E6CC

Split Complementary

#CCC9E6

#E6DAC9

#D4E6C9

Tetradic

#CCC9E6

#E6C9D4

#E3E6C9

#C9E6DA

Color Blindness Simulation

Original

#CCC9E6

Protanopia

#CBCBDF

Deuteranopia

#CBCBDD

Tritanopia

#CCD9D8

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D1CEE8
300
#B0ABD8
400
#857EC3
500
#5A51AE
600
#48418B
700
#3A3470
800
#2D2857
900
#242040
950
#171429

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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