#CCC7E1

#CCC7E1

Color Values

HEX

#CCC7E1

RGB

204, 199, 225

HSL

251.5, 30.2%, 83.1%

HSV

251.5, 11.6%, 88.2%

CMYK

9.3%, 11.6%, 0.0%, 11.8%

OKLCH

0.8418 0.0362 294.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCC7E1

#DCE1C7

Analogous

#C7CFE1

#D9C7E1

#CCC7E1

Triadic

#CCC7E1

#E1CCC7

#C7E1CC

Split Complementary

#CCC7E1

#E1D9C7

#CFE1C7

Tetradic

#CCC7E1

#E1C7CF

#DCE1C7

#C7E1D9

Color Blindness Simulation

Original

#CCC7E1

Protanopia

#CACADB

Deuteranopia

#CACAD9

Tritanopia

#CCD6D5

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D5D1E6
300
#B6AFD4
400
#8F84BD
500
#6859A6
600
#534785
700
#42396A
800
#342C53
900
#28233E
950
#191627

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026