#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