#DED4DC

#DED4DC

Color Values

HEX

#DED4DC

RGB

222, 212, 220

HSL

312.0, 13.2%, 85.1%

HSV

312.0, 4.5%, 87.1%

CMYK

0.0%, 4.5%, 0.9%, 12.9%

OKLCH

0.8803 0.0153 332.3

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#DED4DC

#D4DED6

Analogous

#DBD4DE

#DED4D7

#DED4DC

Triadic

#DED4DC

#DCDED4

#D4DCDE

Split Complementary

#DED4DC

#D7DED4

#D4DEDB

Tetradic

#DED4DC

#DEDBD4

#D4DED6

#D4D7DE

Color Blindness Simulation

Original

#DED4DC

Protanopia

#DADADA

Deuteranopia

#DADBDA

Tritanopia

#DDD9D8

Achromatopsia

#D7D7D7

CSS Usage

background-color: #DED4DC;
color: #DED4DC;
border-color: #DED4DC;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E0D7DE
300
#CABAC7
400
#AD94A8
500
#906F8A
600
#73596E
700
#5C4758
800
#483745
900
#362B34
950
#221B21

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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