#CCC1F6

#CCC1F6

Color Values

HEX

#CCC1F6

RGB

204, 193, 246

HSL

252.5, 74.6%, 86.1%

HSV

252.5, 21.5%, 96.5%

CMYK

17.1%, 21.5%, 0.0%, 3.5%

OKLCH

0.8376 0.0741 294.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC1F6

#EBF6C1

Analogous

#C1D1F6

#E7C1F6

#CCC1F6

Triadic

#CCC1F6

#F6CCC1

#C1F6CC

Split Complementary

#CCC1F6

#F6E7C1

#D1F6C1

Tetradic

#CCC1F6

#F6C1D1

#EBF6C1

#C1F6E7

Color Blindness Simulation

Original

#CCC1F6

Protanopia

#C7C7E9

Deuteranopia

#C8C9E6

Tritanopia

#CBDFDD

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F5F2FC
100
#E7E2F8
200
#CCC1F6
300
#A794EF
400
#785AE7
500
#4820DF
600
#3A1AB2
700
#2E158E
800
#24106F
900
#1D1051
950
#130A33

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.53:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026