#D2AAF9

#D2AAF9

Color Values

HEX

#D2AAF9

RGB

210, 170, 249

HSL

270.4, 86.8%, 82.2%

HSV

270.4, 31.7%, 97.6%

CMYK

15.7%, 31.7%, 0.0%, 2.4%

OKLCH

0.8015 0.1167 307.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2AAF9

#D1F9AA

Analogous

#ABAAF9

#F9AAF8

#D2AAF9

Triadic

#D2AAF9

#F9D2AA

#AAF9D2

Split Complementary

#D2AAF9

#F8F9AA

#AAF9AB

Tetradic

#D2AAF9

#F9ABAA

#D1F9AA

#AAF8F9

Color Blindness Simulation

Original

#D2AAF9

Protanopia

#C1C0E6

Deuteranopia

#C3C6E1

Tritanopia

#D0D7D3

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBCFA
300
#C38DF7
400
#A24FF3
500
#8111EE
600
#670DBF
700
#530B98
800
#400877
900
#310B56
950
#1F0737

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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