#CCC6E7

#CCC6E7

Color Values

HEX

#CCC6E7

RGB

204, 198, 231

HSL

250.9, 40.7%, 84.1%

HSV

250.9, 14.3%, 90.6%

CMYK

11.7%, 14.3%, 0.0%, 9.4%

OKLCH

0.8418 0.046 293.7

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CCC6E7

#E1E7C6

Analogous

#C6D0E7

#DCC6E7

#CCC6E7

Triadic

#CCC6E7

#E7CCC6

#C6E7CC

Split Complementary

#CCC6E7

#E7DCC6

#D0E7C6

Tetradic

#CCC6E7

#E7C6D0

#E1E7C6

#C6E7DC

Color Blindness Simulation

Original

#CCC6E7

Protanopia

#C9C9DF

Deuteranopia

#CACADD

Tritanopia

#CCD9D7

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D2CDEA
300
#B2A9DB
400
#887AC7
500
#5E4CB3
600
#4C3C90
700
#3C3073
800
#2F265A
900
#251F42
950
#17132A

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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