#CCC6E6

#CCC6E6

Color Values

HEX

#CCC6E6

RGB

204, 198, 230

HSL

251.2, 39.0%, 83.9%

HSV

251.2, 13.9%, 90.2%

CMYK

11.3%, 13.9%, 0.0%, 9.8%

OKLCH

0.8415 0.0446 294.0

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CCC6E6

#E0E6C6

Analogous

#C6D0E6

#DCC6E6

#CCC6E6

Triadic

#CCC6E6

#E6CCC6

#C6E6CC

Split Complementary

#CCC6E6

#E6DCC6

#D0E6C6

Tetradic

#CCC6E6

#E6C6D0

#E0E6C6

#C6E6DC

Color Blindness Simulation

Original

#CCC6E6

Protanopia

#C9C9DE

Deuteranopia

#CACADC

Tritanopia

#CCD8D7

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D3CDE9
300
#B3AADA
400
#8A7CC5
500
#604EB1
600
#4D3E8E
700
#3E3271
800
#302759
900
#261F41
950
#181429

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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