#D3AAFB

#D3AAFB

Color Values

HEX

#D3AAFB

RGB

211, 170, 251

HSL

270.4, 91.0%, 82.5%

HSV

270.4, 32.3%, 98.4%

CMYK

15.9%, 32.3%, 0.0%, 1.6%

OKLCH

0.8032 0.1195 307.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D3AAFB

#D2FBAA

Analogous

#AAAAFB

#FBAAFA

#D3AAFB

Triadic

#D3AAFB

#FBD3AA

#AAFBD3

Split Complementary

#D3AAFB

#FAFBAA

#AAFBAA

Tetradic

#D3AAFB

#FBAAAA

#D2FBAA

#AAFAFB

Color Blindness Simulation

Original

#D3AAFB

Protanopia

#C1C1E7

Deuteranopia

#C4C7E3

Tritanopia

#D1D8D5

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DCBBFC
300
#C38AF9
400
#A24BF7
500
#810BF4
600
#6709C3
700
#53079C
800
#41067A
900
#310958
950
#1F0638

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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