#DCA8DF

#DCA8DF

Color Values

HEX

#DCA8DF

RGB

220, 168, 223

HSL

296.7, 46.2%, 76.7%

HSV

296.7, 24.7%, 87.5%

CMYK

1.3%, 24.7%, 0.0%, 12.5%

OKLCH

0.797 0.0949 324.6

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#DCA8DF

#ABDFA8

Analogous

#C1A8DF

#DFA8C7

#DCA8DF

Triadic

#DCA8DF

#DFDCA8

#A8DFDC

Split Complementary

#DCA8DF

#C7DFA8

#A8DFC1

Tetradic

#DCA8DF

#DFC1A8

#ABDFA8

#A8C7DF

Color Blindness Simulation

Original

#DCA8DF

Protanopia

#C5C5D2

Deuteranopia

#C8CCCE

Tritanopia

#D9C7C5

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#EACBEC
300
#DBA6DE
400
#C775CC
500
#B445BA
600
#903795
700
#732C77
800
#5A225D
900
#421C45
950
#2A122B

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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