#DED4DA

#DED4DA

Color Values

HEX

#DED4DA

RGB

222, 212, 218

HSL

324.0, 13.2%, 85.1%

HSV

324.0, 4.5%, 87.1%

CMYK

0.0%, 4.5%, 1.8%, 12.9%

OKLCH

0.8797 0.0136 340.6

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#DED4DA

#D4DED8

Analogous

#DDD4DE

#DED4D5

#DED4DA

Triadic

#DED4DA

#DADED4

#D4DADE

Split Complementary

#DED4DA

#D5DED4

#D4DEDD

Tetradic

#DED4DA

#DEDDD4

#D4DED8

#D4D5DE

Color Blindness Simulation

Original

#DED4DA

Protanopia

#DADAD9

Deuteranopia

#DADBD8

Tritanopia

#DDD7D7

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E0D7DC
300
#CABAC3
400
#AD94A3
500
#906F83
600
#735969
700
#5C4754
800
#483741
900
#362B32
950
#221B1F

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026