#CDCCE7

#CDCCE7

Color Values

HEX

#CDCCE7

RGB

205, 204, 231

HSL

242.2, 36.0%, 85.3%

HSV

242.2, 11.7%, 90.6%

CMYK

11.3%, 11.7%, 0.0%, 9.4%

OKLCH

0.8544 0.0372 287.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CDCCE7

#E6E7CC

Analogous

#CCD9E7

#DBCCE7

#CDCCE7

Triadic

#CDCCE7

#E7CDCC

#CCE7CD

Split Complementary

#CDCCE7

#E7DBCC

#D9E7CC

Tetradic

#CDCCE7

#E7CCD9

#E6E7CC

#CCE7DB

Color Blindness Simulation

Original

#CDCCE7

Protanopia

#CDCDE0

Deuteranopia

#CDCDDF

Tritanopia

#CDDBDA

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCEE8
300
#ADACD8
400
#817FC3
500
#5552AD
600
#44418B
700
#36346F
800
#2A2957
900
#222140
950
#151529

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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