#DED4EE

#DED4EE

Color Values

HEX

#DED4EE

RGB

222, 212, 238

HSL

263.1, 43.3%, 88.2%

HSV

263.1, 10.9%, 93.3%

CMYK

6.7%, 10.9%, 0.0%, 6.7%

OKLCH

0.8858 0.0368 303.1

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DED4EE

#E4EED4

Analogous

#D4D7EE

#EBD4EE

#DED4EE

Triadic

#DED4EE

#EEDED4

#D4EEDE

Split Complementary

#DED4EE

#EEEBD4

#D7EED4

Tetradic

#DED4EE

#EED4D7

#E4EED4

#D4EEEB

Color Blindness Simulation

Original

#DED4EE

Protanopia

#DADAE8

Deuteranopia

#DADBE6

Tritanopia

#DDE3E2

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F4
200
#D8CCEB
300
#BCA7DC
400
#9778CA
500
#7348B7
600
#5C3A92
700
#492E75
800
#39245B
900
#2C1E43
950
#1C132B

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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