#D5AFED

#D5AFED

Color Values

HEX

#D5AFED

RGB

213, 175, 237

HSL

276.8, 63.3%, 80.8%

HSV

276.8, 26.2%, 92.9%

CMYK

10.1%, 26.2%, 0.0%, 7.1%

OKLCH

0.8083 0.0946 312.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D5AFED

#C7EDAF

Analogous

#B6AFED

#EDAFE6

#D5AFED

Triadic

#D5AFED

#EDD5AF

#AFEDD5

Split Complementary

#D5AFED

#E6EDAF

#AFEDB6

Tetradic

#D5AFED

#EDB6AF

#C7EDAF

#AFE6ED

Color Blindness Simulation

Original

#D5AFED

Protanopia

#C5C4DE

Deuteranopia

#C7CADA

Tritanopia

#D3D2D0

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EFE4F7
200
#E0C5F2
300
#CB9BE9
400
#AE65DC
500
#922FD0
600
#7525A7
700
#5D1E85
800
#491768
900
#37154C
950
#230D30

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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