#CCCCE9

#CCCCE9

Color Values

HEX

#CCCCE9

RGB

204, 204, 233

HSL

240.0, 39.7%, 85.7%

HSV

240.0, 12.4%, 91.4%

CMYK

12.4%, 12.4%, 0.0%, 8.6%

OKLCH

0.8543 0.04 285.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCCCE9

#E9E9CC

Analogous

#CCDBE9

#DBCCE9

#CCCCE9

Triadic

#CCCCE9

#E9CCCC

#CCE9CC

Split Complementary

#CCCCE9

#E9DBCC

#DBE9CC

Tetradic

#CCCCE9

#E9CCDB

#E9E9CC

#CCE9DB

Color Blindness Simulation

Original

#CCCCE9

Protanopia

#CCCCE2

Deuteranopia

#CCCCE0

Tritanopia

#CCDCDB

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CDCDE9
300
#AAAADA
400
#7B7BC6
500
#4D4DB2
600
#3E3E8E
700
#313172
800
#262659
900
#1F1F42
950
#14142A

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026