#CCC2F4

#CCC2F4

Color Values

HEX

#CCC2F4

RGB

204, 194, 244

HSL

252,0, 69,4%, 85,9%

HSV

252,0, 20,5%, 95,7%

CMYK

16,4%, 20,5%, 0,0%, 4,3%

OKLCH

0,8388 0,0699 294,0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC2F4

#EAF4C2

Analogous

#C2D1F4

#E5C2F4

#CCC2F4

Triadic

#CCC2F4

#F4CCC2

#C2F4CC

Split Complementary

#CCC2F4

#F4E5C2

#D1F4C2

Tetradic

#CCC2F4

#F4C2D1

#EAF4C2

#C2F4E5

Color Blindness Simulation

Original

#CCC2F4

Protanopia

#C8C8E8

Deuteranopia

#C8C9E5

Tritanopia

#CBDEDC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E7E3F8
200
#CCC3F4
300
#A897EC
400
#795FE2
500
#4A27D8
600
#3C1FAD
700
#30198A
800
#25146C
900
#1E124F
950
#130B32

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,59: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