#CCCCE7

#CCCCE7

Color Values

HEX

#CCCCE7

RGB

204, 204, 231

HSL

240.0, 36.0%, 85.3%

HSV

240.0, 11.7%, 90.6%

CMYK

11.7%, 11.7%, 0.0%, 9.4%

OKLCH

0.8537 0.0373 285.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCCCE7

#E7E7CC

Analogous

#CCDAE7

#DACCE7

#CCCCE7

Triadic

#CCCCE7

#E7CCCC

#CCE7CC

Split Complementary

#CCCCE7

#E7DACC

#DAE7CC

Tetradic

#CCCCE7

#E7CCDA

#E7E7CC

#CCE7DA

Color Blindness Simulation

Original

#CCCCE7

Protanopia

#CCCCE0

Deuteranopia

#CCCCDF

Tritanopia

#CCDBDA

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECEE8
300
#ACACD8
400
#7F7FC3
500
#5252AD
600
#41418B
700
#34346F
800
#292957
900
#212140
950
#151529

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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