#DCCDDF

#DCCDDF

Color Values

HEX

#DCCDDF

RGB

220, 205, 223

HSL

290,0, 22,0%, 83,9%

HSV

290,0, 8,1%, 87,5%

CMYK

1,3%, 8,1%, 0,0%, 12,5%

OKLCH

0,8659 0,0294 320,6

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DCCDDF

#D0DFCD

Analogous

#D3CDDF

#DFCDD9

#DCCDDF

Triadic

#DCCDDF

#DFDCCD

#CDDFDC

Split Complementary

#DCCDDF

#D9DFCD

#CDDFD3

Tetradic

#DCCDDF

#DFD3CD

#D0DFCD

#CDD9DF

Color Blindness Simulation

Original

#DCCDDF

Protanopia

#D6D5DB

Deuteranopia

#D6D8DA

Tritanopia

#DBD7D6

Achromatopsia

#D1D1D1

CSS Usage

background-color: #DCCDDF;
color: #DCCDDF;
border-color: #DCCDDF;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E1D3E3
300
#CBB4CF
400
#AE8CB5
500
#92639C
600
#75507C
700
#5E4064
800
#49324E
900
#37273A
950
#231925

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,84: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