#DCCCE9

#DCCCE9

Color Values

HEX

#DCCCE9

RGB

220, 204, 233

HSL

273.1, 39.7%, 85.7%

HSV

273.1, 12.4%, 91.4%

CMYK

5.6%, 12.4%, 0.0%, 8.6%

OKLCH

0.8671 0.043 310.0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCCCE9

#D9E9CC

Analogous

#CECCE9

#E9CCE8

#DCCCE9

Triadic

#DCCCE9

#E9DCCC

#CCE9DC

Split Complementary

#DCCCE9

#E8E9CC

#CCE9CE

Tetradic

#DCCCE9

#E9CECC

#D9E9CC

#CCE8E9

Color Blindness Simulation

Original

#DCCCE9

Protanopia

#D5D5E2

Deuteranopia

#D6D7E0

Tritanopia

#DBDCDB

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DDCDE9
300
#C4AADA
400
#A57BC6
500
#854DB2
600
#6A3E8E
700
#553172
800
#422659
900
#321F42
950
#20142A

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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