#DCCBED

#DCCBED

Color Values

HEX

#DCCBED

RGB

220, 203, 237

HSL

270.0, 48.6%, 86.3%

HSV

270.0, 14.3%, 92.9%

CMYK

7.2%, 14.3%, 0.0%, 7.1%

OKLCH

0.8666 0.0497 307.8

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCCBED

#DCEDCB

Analogous

#CBCBED

#EDCBED

#DCCBED

Triadic

#DCCBED

#EDDCCB

#CBEDDC

Split Complementary

#DCCBED

#EDEDCB

#CBEDCB

Tetradic

#DCCBED

#EDCBCB

#DCEDCB

#CBEDED

Color Blindness Simulation

Original

#DCCBED

Protanopia

#D5D4E5

Deuteranopia

#D6D7E3

Tritanopia

#DBDEDD

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DBCAED
300
#C2A4E0
400
#A173CF
500
#8042BD
600
#663498
700
#522A79
800
#40215F
900
#301B46
950
#1F112C

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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