#DCD0E7

#DCD0E7

Color Values

HEX

#DCD0E7

RGB

220, 208, 231

HSL

271.3, 32.4%, 86.1%

HSV

271.3, 10.0%, 90.6%

CMYK

4.8%, 10.0%, 0.0%, 9.4%

OKLCH

0.8742 0.0338 308.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCD0E7

#DBE7D0

Analogous

#D1D0E7

#E7D0E7

#DCD0E7

Triadic

#DCD0E7

#E7DCD0

#D0E7DC

Split Complementary

#DCD0E7

#E7E7D0

#D0E7D1

Tetradic

#DCD0E7

#E7D1D0

#DBE7D0

#D0E7E7

Color Blindness Simulation

Original

#DCD0E7

Protanopia

#D7D7E1

Deuteranopia

#D8D8E0

Tritanopia

#DBDDDC

Achromatopsia

#D4D4D4

CSS Usage

background-color: #DCD0E7;
color: #DCD0E7;
border-color: #DCD0E7;
Nearest Tailwind: Purple 100 #F3E8FF

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DCD0E7
300
#C3AED6
400
#A282BF
500
#8156A9
600
#674587
700
#53376C
800
#412B54
900
#31223F
950
#1F1628

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.22:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026