#CCC7F7

#CCC7F7

Color Values

HEX

#CCC7F7

RGB

204, 199, 247

HSL

246,3, 75,0%, 87,5%

HSV

246,3, 19,4%, 96,9%

CMYK

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

OKLCH

0,8495 0,0665 289,7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC7F7

#F2F7C7

Analogous

#C7DAF7

#E4C7F7

#CCC7F7

Triadic

#CCC7F7

#F7CCC7

#C7F7CC

Split Complementary

#CCC7F7

#F7E4C7

#DAF7C7

Tetradic

#CCC7F7

#F7C7DA

#F2F7C7

#C7F7E4

Color Blindness Simulation

Original

#CCC7F7

Protanopia

#CACAEB

Deuteranopia

#CACAE9

Tritanopia

#CCE2E0

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C6C1F6
300
#9E94F0
400
#695AE7
500
#3420DF
600
#2A19B3
700
#21148F
800
#1A1070
900
#171051
950
#0E0A33

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

13,08: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