#D4ABEF

#D4ABEF

Color Values

HEX

#D4ABEF

RGB

212, 171, 239

HSL

276.2, 68.0%, 80.4%

HSV

276.2, 28.5%, 93.7%

CMYK

11.3%, 28.5%, 0.0%, 6.3%

OKLCH

0.8009 0.1035 311.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D4ABEF

#C6EFAB

Analogous

#B2ABEF

#EFABE8

#D4ABEF

Triadic

#D4ABEF

#EFD4AB

#ABEFD4

Split Complementary

#D4ABEF

#E8EFAB

#ABEFB2

Tetradic

#D4ABEF

#EFB2AB

#C6EFAB

#ABE8EF

Color Blindness Simulation

Original

#D4ABEF

Protanopia

#C2C2DF

Deuteranopia

#C5C8DB

Tritanopia

#D2D2CF

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F4
300
#CA98EB
400
#AE60E1
500
#9129D6
600
#7421AB
700
#5D1A89
800
#49146B
900
#37134E
950
#220C31

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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