#CCC6F0

#CCC6F0

Color Values

HEX

#CCC6F0

RGB

204, 198, 240

HSL

248.6, 58.3%, 85.9%

HSV

248.6, 17.5%, 94.1%

CMYK

15.0%, 17.5%, 0.0%, 5.9%

OKLCH

0.845 0.0583 291.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC6F0

#EAF0C6

Analogous

#C6D5F0

#E1C6F0

#CCC6F0

Triadic

#CCC6F0

#F0CCC6

#C6F0CC

Split Complementary

#CCC6F0

#F0E1C6

#D5F0C6

Tetradic

#CCC6F0

#F0C6D5

#EAF0C6

#C6F0E1

Color Blindness Simulation

Original

#CCC6F0

Protanopia

#C9C9E6

Deuteranopia

#CACAE3

Tritanopia

#CCDEDC

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E4F6
200
#CCC6F0
300
#A89EE5
400
#796AD8
500
#4A35CA
600
#3C2BA1
700
#302281
800
#251B65
900
#1E174A
950
#130F2F

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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