#D2AEF4

#D2AEF4

Color Values

HEX

#D2AEF4

RGB

210, 174, 244

HSL

270.9, 76.1%, 82.0%

HSV

270.9, 28.7%, 95.7%

CMYK

13.9%, 28.7%, 0.0%, 4.3%

OKLCH

0.8065 0.1038 307.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2AEF4

#D0F4AE

Analogous

#AFAEF4

#F4AEF3

#D2AEF4

Triadic

#D2AEF4

#F4D2AE

#AEF4D2

Split Complementary

#D2AEF4

#F3F4AE

#AEF4AF

Tetradic

#D2AEF4

#F4AFAE

#D0F4AE

#AEF3F4

Color Blindness Simulation

Original

#D2AEF4

Protanopia

#C2C2E3

Deuteranopia

#C4C7DF

Tritanopia

#D0D6D3

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DCC0F6
300
#C393F0
400
#A359E8
500
#821EE1
600
#6818B4
700
#531490
800
#410F70
900
#310F52
950
#1F0A34

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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