#D3AFEA

#D3AFEA

Color Values

HEX

#D3AFEA

RGB

211, 175, 234

HSL

276.6, 58.4%, 80.2%

HSV

276.6, 25.2%, 91.8%

CMYK

9.8%, 25.2%, 0.0%, 8.2%

OKLCH

0.8053 0.0901 311.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D3AFEA

#C6EAAF

Analogous

#B6AFEA

#EAAFE4

#D3AFEA

Triadic

#D3AFEA

#EAD3AF

#AFEAD3

Split Complementary

#D3AFEA

#E4EAAF

#AFEAB6

Tetradic

#D3AFEA

#EAB6AF

#C6EAAF

#AFE4EA

Color Blindness Simulation

Original

#D3AFEA

Protanopia

#C3C3DC

Deuteranopia

#C6C8D8

Tritanopia

#D1D0CE

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE4F6
200
#E0C6F0
300
#CA9EE6
400
#AD6AD8
500
#9035CA
600
#732AA2
700
#5C2281
800
#481B65
900
#36174A
950
#220F2F

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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