#CCC9F0

#CCC9F0

Color Values

HEX

#CCC9F0

RGB

204, 201, 240

HSL

244,6, 56,5%, 86,5%

HSV

244,6, 16,2%, 94,1%

CMYK

15,0%, 16,2%, 0,0%, 5,9%

OKLCH

0,8509 0,0539 288,7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CCC9F0

#EDF0C9

Analogous

#C9DAF0

#E0C9F0

#CCC9F0

Triadic

#CCC9F0

#F0CCC9

#C9F0CC

Split Complementary

#CCC9F0

#F0E0C9

#DAF0C9

Tetradic

#CCC9F0

#F0C9DA

#EDF0C9

#C9F0E0

Color Blindness Simulation

Original

#CCC9F0

Protanopia

#CBCBE7

Deuteranopia

#CBCBE4

Tritanopia

#CCDFDD

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CAC7EF
300
#A59FE4
400
#746BD6
500
#4337C8
600
#352CA0
700
#2B2380
800
#211C64
900
#1C1849
950
#110F2E

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

13,18:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026