#D1AFDE

#D1AFDE

Color Values

HEX

#D1AFDE

RGB

209, 175, 222

HSL

283.4, 41.6%, 77.8%

HSV

283.4, 21.2%, 87.1%

CMYK

5.9%, 21.2%, 0.0%, 12.9%

OKLCH

0.799 0.0748 316.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D1AFDE

#BCDEAF

Analogous

#B9AFDE

#DEAFD3

#D1AFDE

Triadic

#D1AFDE

#DED1AF

#AFDED1

Split Complementary

#D1AFDE

#D3DEAF

#AFDEB9

Tetradic

#D1AFDE

#DEB9AF

#BCDEAF

#AFD3DE

Color Blindness Simulation

Original

#D1AFDE

Protanopia

#C2C2D3

Deuteranopia

#C4C7D0

Tritanopia

#CFCAC8

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F0E7F3
200
#E2CCEA
300
#CDA8DB
400
#B279C8
500
#974AB5
600
#793C90
700
#613074
800
#4C255A
900
#391E43
950
#24132A

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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