#CECCEE

#CECCEE

Color Values

HEX

#CECCEE

RGB

206, 204, 238

HSL

243.5, 50.0%, 86.7%

HSV

243.5, 14.3%, 93.3%

CMYK

13.4%, 14.3%, 0.0%, 6.7%

OKLCH

0.8576 0.0469 288.1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CECCEE

#ECEECC

Analogous

#CCDBEE

#DFCCEE

#CECCEE

Triadic

#CECCEE

#EECECC

#CCEECE

Split Complementary

#CECCEE

#EEDFCC

#DBEECC

Tetradic

#CECCEE

#EECCDB

#ECEECC

#CCEEDF

Color Blindness Simulation

Original

#CECCEE

Protanopia

#CDCDE6

Deuteranopia

#CDCDE4

Tritanopia

#CEDFDE

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CCC9ED
300
#A7A3E0
400
#7771D0
500
#4740BF
600
#393399
700
#2E297A
800
#242060
900
#1D1B46
950
#12112C

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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