#CCC8E8

#CCC8E8

Color Values

HEX

#CCC8E8

RGB

204, 200, 232

HSL

247.5, 41.0%, 84.7%

HSV

247.5, 13.8%, 91.0%

CMYK

12.1%, 13.8%, 0.0%, 9.0%

OKLCH

0.8461 0.0444 291.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CCC8E8

#E4E8C8

Analogous

#C8D4E8

#DCC8E8

#CCC8E8

Triadic

#CCC8E8

#E8CCC8

#C8E8CC

Split Complementary

#CCC8E8

#E8DCC8

#D4E8C8

Tetradic

#CCC8E8

#E8C8D4

#E4E8C8

#C8E8DC

Color Blindness Simulation

Original

#CCC8E8

Protanopia

#CACAE0

Deuteranopia

#CACBDE

Tritanopia

#CCDAD9

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CDEA
300
#AFA9DB
400
#847AC7
500
#584BB4
600
#473C90
700
#393073
800
#2C265A
900
#231F42
950
#16132A

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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