#D4AFDE

#D4AFDE

Color Values

HEX

#D4AFDE

RGB

212, 175, 222

HSL

287.2, 41.6%, 77.8%

HSV

287.2, 21.2%, 87.1%

CMYK

4.5%, 21.2%, 0.0%, 12.9%

OKLCH

0.8017 0.0765 319.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D4AFDE

#B9DEAF

Analogous

#BCAFDE

#DEAFD0

#D4AFDE

Triadic

#D4AFDE

#DED4AF

#AFDED4

Split Complementary

#D4AFDE

#D0DEAF

#AFDEBC

Tetradic

#D4AFDE

#DEBCAF

#B9DEAF

#AFD0DE

Color Blindness Simulation

Original

#D4AFDE

Protanopia

#C4C4D3

Deuteranopia

#C6C9D0

Tritanopia

#D2CAC8

Achromatopsia

#BABABA

CSS Usage

background-color: #D4AFDE;
color: #D4AFDE;
border-color: #D4AFDE;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F9F5FA
100
#F1E7F3
200
#E4CCEA
300
#D0A8DB
400
#B779C8
500
#9E4AB5
600
#7E3C90
700
#653074
800
#4F255A
900
#3B1E43
950
#25132A

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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