#D9A4DF

#D9A4DF

Color Values

HEX

#D9A4DF

RGB

217, 164, 223

HSL

293.9, 48.0%, 75.9%

HSV

293.9, 26.5%, 87.5%

CMYK

2.7%, 26.5%, 0.0%, 12.5%

OKLCH

0.787 0.1001 323.0

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D9A4DF

#AADFA4

Analogous

#BCA4DF

#DFA4C8

#D9A4DF

Triadic

#D9A4DF

#DFD9A4

#A4DFD9

Split Complementary

#D9A4DF

#C8DFA4

#A4DFBC

Tetradic

#D9A4DF

#DFBCA4

#AADFA4

#A4C8DF

Color Blindness Simulation

Original

#D9A4DF

Protanopia

#C2C2D1

Deuteranopia

#C5C9CD

Tritanopia

#D6C5C3

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#E9CAEC
300
#D9A4DF
400
#C573CE
500
#B042BD
600
#8D3597
700
#712A79
800
#58215E
900
#411C45
950
#29112C

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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