#DDAFE4

#DDAFE4

Color Values

HEX

#DDAFE4

RGB

221, 175, 228

HSL

292,1, 49,5%, 79,0%

HSV

292,1, 23,2%, 89,4%

CMYK

3,1%, 23,2%, 0,0%, 10,6%

OKLCH

0,8123 0,0884 321,9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DDAFE4

#B6E4AF

Analogous

#C2AFE4

#E4AFD0

#DDAFE4

Triadic

#DDAFE4

#E4DDAF

#AFE4DD

Split Complementary

#DDAFE4

#D0E4AF

#AFE4C2

Tetradic

#DDAFE4

#E4C2AF

#B6E4AF

#AFD0E4

Color Blindness Simulation

Original

#DDAFE4

Protanopia

#C9C9D7

Deuteranopia

#CCCFD4

Tritanopia

#DBCDCB

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E6F5
200
#E8CAED
300
#D8A4E0
400
#C372CF
500
#AE40BF
600
#8B3498
700
#6F297A
800
#57205F
900
#401B46
950
#29112C

Contrast Checker

Text on white

1,85:1

AA Fail AAA Fail

Text on black

11,33: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