#D2AADD

#D2AADD

Color Values

HEX

#D2AADD

RGB

210, 170, 221

HSL

287.1, 42.9%, 76.7%

HSV

287.1, 23.1%, 86.7%

CMYK

5.0%, 23.1%, 0.0%, 13.3%

OKLCH

0.7903 0.0831 318.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2AADD

#B5DDAA

Analogous

#B9AADD

#DDAACF

#D2AADD

Triadic

#D2AADD

#DDD2AA

#AADDD2

Split Complementary

#D2AADD

#CFDDAA

#AADDB9

Tetradic

#D2AADD

#DDB9AA

#B5DDAA

#AACFDD

Color Blindness Simulation

Original

#D2AADD

Protanopia

#C1C0D1

Deuteranopia

#C3C6CE

Tritanopia

#D0C7C5

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E7F4
200
#E4CCEB
300
#D1A8DC
400
#B878C9
500
#9F49B6
600
#7F3A92
700
#662F75
800
#4F245B
900
#3B1E43
950
#25132A

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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