#DCA4DF

#DCA4DF

Color Values

HEX

#DCA4DF

RGB

220, 164, 223

HSL

296.9, 48.0%, 75.9%

HSV

296.9, 26.5%, 87.5%

CMYK

1.3%, 26.5%, 0.0%, 12.5%

OKLCH

0.79 0.102 324.8

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#DCA4DF

#A7DFA4

Analogous

#BEA4DF

#DFA4C5

#DCA4DF

Triadic

#DCA4DF

#DFDCA4

#A4DFDC

Split Complementary

#DCA4DF

#C5DFA4

#A4DFBE

Tetradic

#DCA4DF

#DFBEA4

#A7DFA4

#A4C5DF

Color Blindness Simulation

Original

#DCA4DF

Protanopia

#C4C3D1

Deuteranopia

#C7CBCD

Tritanopia

#D9C5C3

Achromatopsia

#B4B4B4

CSS Usage

background-color: #DCA4DF;
color: #DCA4DF;
border-color: #DCA4DF;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCAEC
300
#DCA4DF
400
#C973CE
500
#B642BD
600
#923597
700
#752A79
800
#5B215E
900
#431C45
950
#2A112C

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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