#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026