#D8B4FE

#D8B4FE

Color Values

HEX

#D8B4FE

RGB

216, 180, 254

HSL

269.2, 97.4%, 85.1%

HSV

269.2, 29.1%, 99.6%

CMYK

15.0%, 29.1%, 0.0%, 0.4%

OKLCH

0.8268 0.1082 306.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D8B4FE

#DAFEB4

Analogous

#B4B5FE

#FDB4FE

#D8B4FE

Triadic

#D8B4FE

#FED8B4

#B4FED8

Split Complementary

#D8B4FE

#FEFDB4

#B5FEB4

Tetradic

#D8B4FE

#FEB4B5

#DAFEB4

#B4FEFD

Color Blindness Simulation

Original

#D8B4FE

Protanopia

#C8C8EC

Deuteranopia

#CACDE8

Tritanopia

#D6DEDB

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#EDDEFC
200
#DAB9FE
300
#C086FD
400
#9E45FD
500
#7C03FC
600
#6303C9
700
#4F02A1
800
#3E027E
900
#2F065B
950
#1E0439

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.88:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Purple

Purple 300

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026