#CCC1F5

#CCC1F5

Color Values

HEX

#CCC1F5

RGB

204, 193, 245

HSL

252.7, 72.2%, 85.9%

HSV

252.7, 21.2%, 96.1%

CMYK

16.7%, 21.2%, 0.0%, 3.9%

OKLCH

0.8372 0.0728 294.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC1F5

#EAF5C1

Analogous

#C1D0F5

#E6C1F5

#CCC1F5

Triadic

#CCC1F5

#F5CCC1

#C1F5CC

Split Complementary

#CCC1F5

#F5E6C1

#D0F5C1

Tetradic

#CCC1F5

#F5C1D0

#EAF5C1

#C1F5E6

Color Blindness Simulation

Original

#CCC1F5

Protanopia

#C7C7E8

Deuteranopia

#C8C9E5

Tritanopia

#CBDEDC

Achromatopsia

#C7C7C7

CSS Usage

background-color: #CCC1F5;
color: #CCC1F5;
border-color: #CCC1F5;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F5F3FC
100
#E7E2F8
200
#CCC2F5
300
#A896EE
400
#795DE5
500
#4A23DC
600
#3C1CB0
700
#30178D
800
#25126E
900
#1E1150
950
#130B32

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.51: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