#CCC8E1

#CCC8E1

Color Values

HEX

#CCC8E1

RGB

204, 200, 225

HSL

249.6, 29.4%, 83.3%

HSV

249.6, 11.1%, 88.2%

CMYK

9.3%, 11.1%, 0.0%, 11.8%

OKLCH

0.8437 0.0347 293.0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCC8E1

#DDE1C8

Analogous

#C8D0E1

#D8C8E1

#CCC8E1

Triadic

#CCC8E1

#E1CCC8

#C8E1CC

Split Complementary

#CCC8E1

#E1D8C8

#D0E1C8

Tetradic

#CCC8E1

#E1C8D0

#DDE1C8

#C8E1D8

Color Blindness Simulation

Original

#CCC8E1

Protanopia

#CACADB

Deuteranopia

#CACBDA

Tritanopia

#CCD6D5

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CCC8E1;
color: #CCC8E1;
border-color: #CCC8E1;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D4D1E6
300
#B6B0D4
400
#8E85BC
500
#665AA5
600
#524884
700
#413A6A
800
#332D52
900
#28243D
950
#191727

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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