#CCC3F3

#CCC3F3

Color Values

HEX

#CCC3F3

RGB

204, 195, 243

HSL

251,3, 66,7%, 85,9%

HSV

251,3, 19,8%, 95,3%

CMYK

16,0%, 19,8%, 0,0%, 4,7%

OKLCH

0,8403 0,067 293,5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC3F3

#EAF3C3

Analogous

#C3D2F3

#E4C3F3

#CCC3F3

Triadic

#CCC3F3

#F3CCC3

#C3F3CC

Split Complementary

#CCC3F3

#F3E4C3

#D2F3C3

Tetradic

#CCC3F3

#F3C3D2

#EAF3C3

#C3F3E4

Color Blindness Simulation

Original

#CCC3F3

Protanopia

#C8C8E7

Deuteranopia

#C9C9E5

Tritanopia

#CCDEDC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E7E3F7
200
#CCC3F3
300
#A899EB
400
#7962E0
500
#4A2AD5
600
#3C22AA
700
#301B88
800
#25156A
900
#1E134E
950
#130C31

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026