#D8AAF4

#D8AAF4

Color Values

HEX

#D8AAF4

RGB

216, 170, 244

HSL

277.3, 77.1%, 81.2%

HSV

277.3, 30.3%, 95.7%

CMYK

11.5%, 30.3%, 0.0%, 4.3%

OKLCH

0.8049 0.1129 312.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D8AAF4

#C6F4AA

Analogous

#B3AAF4

#F4AAEB

#D8AAF4

Triadic

#D8AAF4

#F4D8AA

#AAF4D8

Split Complementary

#D8AAF4

#EBF4AA

#AAF4B3

Tetradic

#D8AAF4

#F4B3AA

#C6F4AA

#AAEBF4

Color Blindness Simulation

Original

#D8AAF4

Protanopia

#C4C4E2

Deuteranopia

#C7CADE

Tritanopia

#D6D4D1

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F0E1F9
200
#E2C0F7
300
#CD93F1
400
#B258E9
500
#971DE2
600
#7917B5
700
#611391
800
#4C0F71
900
#390F52
950
#240934

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

10.98:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026