#CCC6F7

#CCC6F7

Color Values

HEX

#CCC6F7

RGB

204, 198, 247

HSL

247,3, 75,4%, 87,3%

HSV

247,3, 19,8%, 96,9%

CMYK

17,4%, 19,8%, 0,0%, 3,1%

OKLCH

0,8476 0,068 290,5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC6F7

#F1F7C6

Analogous

#C6D9F7

#E5C6F7

#CCC6F7

Triadic

#CCC6F7

#F7CCC6

#C6F7CC

Split Complementary

#CCC6F7

#F7E5C6

#D9F7C6

Tetradic

#CCC6F7

#F7C6D9

#F1F7C6

#C6F7E5

Color Blindness Simulation

Original

#CCC6F7

Protanopia

#C9C9EB

Deuteranopia

#CACAE8

Tritanopia

#CCE2E0

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CCC6F7;
color: #CCC6F7;
border-color: #CCC6F7;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F4F2FC
100
#E4E2F9
200
#C7C0F6
300
#9F94F0
400
#6B5AE8
500
#371FE0
600
#2C19B3
700
#23148F
800
#1B1070
900
#181051
950
#0F0A33

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,99: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