#CCC2F5

#CCC2F5

Color Values

HEX

#CCC2F5

RGB

204, 194, 245

HSL

251.8, 71.8%, 86.1%

HSV

251.8, 20.8%, 96.1%

CMYK

16.7%, 20.8%, 0.0%, 3.9%

OKLCH

0.8391 0.0712 293.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC2F5

#EBF5C2

Analogous

#C2D2F5

#E6C2F5

#CCC2F5

Triadic

#CCC2F5

#F5CCC2

#C2F5CC

Split Complementary

#CCC2F5

#F5E6C2

#D2F5C2

Tetradic

#CCC2F5

#F5C2D2

#EBF5C2

#C2F5E6

Color Blindness Simulation

Original

#CCC2F5

Protanopia

#C8C8E9

Deuteranopia

#C8C9E6

Tritanopia

#CBDFDD

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E7E2F8
200
#CCC2F5
300
#A796EE
400
#785DE4
500
#4824DB
600
#3A1DAF
700
#2E178C
800
#24126E
900
#1D1150
950
#130B32

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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