#D2A8DF

#D2A8DF

Color Values

HEX

#D2A8DF

RGB

210, 168, 223

HSL

285.8, 46.2%, 76.7%

HSV

285.8, 24.7%, 87.5%

CMYK

5.8%, 24.7%, 0.0%, 12.5%

OKLCH

0.7874 0.0889 318.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2A8DF

#B5DFA8

Analogous

#B7A8DF

#DFA8D1

#D2A8DF

Triadic

#D2A8DF

#DFD2A8

#A8DFD2

Split Complementary

#D2A8DF

#D1DFA8

#A8DFB7

Tetradic

#D2A8DF

#DFB7A8

#B5DFA8

#A8D1DF

Color Blindness Simulation

Original

#D2A8DF

Protanopia

#C0BFD2

Deuteranopia

#C2C5CE

Tritanopia

#D0C7C5

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F9F4FA
100
#F1E6F4
200
#E4CBEC
300
#D1A6DE
400
#B875CC
500
#9F45BA
600
#7F3795
700
#652C77
800
#4F225D
900
#3B1C45
950
#25122B

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026