#D2AFEE

#D2AFEE

Color Values

HEX

#D2AFEE

RGB

210, 175, 238

HSL

273,3, 64,9%, 81,0%

HSV

273,3, 26,5%, 93,3%

CMYK

11,8%, 26,5%, 0,0%, 6,7%

OKLCH

0,806 0,0946 309,6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2AFEE

#CBEEAF

Analogous

#B3AFEE

#EEAFEB

#D2AFEE

Triadic

#D2AFEE

#EED2AF

#AFEED2

Split Complementary

#D2AFEE

#EBEEAF

#AFEEB3

Tetradic

#D2AFEE

#EEB3AF

#CBEEAF

#AFEBEE

Color Blindness Simulation

Original

#D2AFEE

Protanopia

#C3C3DF

Deuteranopia

#C5C8DB

Tritanopia

#D0D3D0

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F2
300
#C69AEA
400
#A763DE
500
#892DD2
600
#6D24A8
700
#571D87
800
#441669
900
#34144D
950
#210D30

Contrast Checker

Text on white

1,89:1

AA Fail AAA Fail

Text on black

11,11: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