#DFD4EA

#DFD4EA

Color Values

HEX

#DFD4EA

RGB

223, 212, 234

HSL

270,0, 34,4%, 87,5%

HSV

270,0, 9,4%, 91,8%

CMYK

4,7%, 9,4%, 0,0%, 8,2%

OKLCH

0,8854 0,032 308,1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFD4EA

#DFEAD4

Analogous

#D4D4EA

#EAD4EA

#DFD4EA

Triadic

#DFD4EA

#EADFD4

#D4EADF

Split Complementary

#DFD4EA

#EAEAD4

#D4EAD4

Tetradic

#DFD4EA

#EAD4D4

#DFEAD4

#D4EAEA

Color Blindness Simulation

Original

#DFD4EA

Protanopia

#DADAE5

Deuteranopia

#DBDCE3

Tritanopia

#DEE0E0

Achromatopsia

#D8D8D8

CSS Usage

background-color: #DFD4EA;
color: #DFD4EA;
border-color: #DFD4EA;
Nearest Tailwind: Purple 100 #F3E8FF

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DBCFE8
300
#C2ADD7
400
#A180C1
500
#8054AB
600
#664389
700
#52366E
800
#402A56
900
#30213F
950
#1F1528

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,74: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