#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026