#D4AFFB

#D4AFFB

Color Values

HEX

#D4AFFB

RGB

212, 175, 251

HSL

269.2, 90.5%, 83.5%

HSV

269.2, 30.3%, 98.4%

CMYK

15.5%, 30.3%, 0.0%, 1.6%

OKLCH

0.813 0.1115 306.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D4AFFB

#D6FBAF

Analogous

#AFB0FB

#FAAFFB

#D4AFFB

Triadic

#D4AFFB

#FBD4AF

#AFFBD4

Split Complementary

#D4AFFB

#FBFAAF

#B0FBAF

Tetradic

#D4AFFB

#FBAFB0

#D6FBAF

#AFFBFA

Color Blindness Simulation

Original

#D4AFFB

Protanopia

#C4C4E9

Deuteranopia

#C6C9E4

Tritanopia

#D2DAD7

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DABBFC
300
#C08AF9
400
#9E4BF6
500
#7C0CF3
600
#640AC2
700
#50089B
800
#3E0679
900
#2F0958
950
#1E0638

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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