#D4AEF9

#D4AEF9

Color Values

HEX

#D4AEF9

RGB

212, 174, 249

HSL

270.4, 86.2%, 82.9%

HSV

270.4, 30.1%, 97.6%

CMYK

14.9%, 30.1%, 0.0%, 2.4%

OKLCH

0.8104 0.1107 307.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D4AEF9

#D3F9AE

Analogous

#AEAEF9

#F9AEF8

#D4AEF9

Triadic

#D4AEF9

#F9D4AE

#AEF9D4

Split Complementary

#D4AEF9

#F8F9AE

#AEF9AE

Tetradic

#D4AEF9

#F9AEAE

#D3F9AE

#AEF8F9

Color Blindness Simulation

Original

#D4AEF9

Protanopia

#C4C3E7

Deuteranopia

#C6C9E2

Tritanopia

#D2D9D5

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBDFA
300
#C38DF7
400
#A24FF2
500
#8112ED
600
#670EBE
700
#530B98
800
#400977
900
#310B56
950
#1F0736

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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