#CCC0F6

#CCC0F6

Color Values

HEX

#CCC0F6

RGB

204, 192, 246

HSL

253.3, 75.0%, 85.9%

HSV

253.3, 22.0%, 96.5%

CMYK

17.1%, 22.0%, 0.0%, 3.5%

OKLCH

0.8357 0.0757 294.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC0F6

#EAF6C0

Analogous

#C0CFF6

#E7C0F6

#CCC0F6

Triadic

#CCC0F6

#F6CCC0

#C0F6CC

Split Complementary

#CCC0F6

#F6E7C0

#CFF6C0

Tetradic

#CCC0F6

#F6C0CF

#EAF6C0

#C0F6E7

Color Blindness Simulation

Original

#CCC0F6

Protanopia

#C7C7E9

Deuteranopia

#C8C8E6

Tritanopia

#CBDFDC

Achromatopsia

#C6C6C6

CSS Usage

background-color: #CCC0F6;
color: #CCC0F6;
border-color: #CCC0F6;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F2FC
100
#E7E2F9
200
#CCC1F6
300
#A894F0
400
#795AE7
500
#4A20DF
600
#3B19B3
700
#30148F
800
#251070
900
#1E1051
950
#130A33

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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