#E4D9DF

#E4D9DF

Color Values

HEX

#E4D9DF

RGB

228, 217, 223

HSL

327.3, 16.9%, 87.3%

HSV

327.3, 4.8%, 89.4%

CMYK

0.0%, 4.8%, 2.2%, 10.6%

OKLCH

0.8958 0.0144 343.2

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#E4D9DF

#D9E4DE

Analogous

#E4D9E4

#E4D9DA

#E4D9DF

Triadic

#E4D9DF

#DFE4D9

#D9DFE4

Split Complementary

#E4D9DF

#DAE4D9

#D9E4E4

Tetradic

#E4D9DF

#E4E4D9

#D9E4DE

#D9DAE4

Color Blindness Simulation

Original

#E4D9DF

Protanopia

#DFDFDE

Deuteranopia

#E0E1DD

Tritanopia

#E3DCDC

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D5DC
300
#CCB7C3
400
#B191A2
500
#956A81
600
#775568
700
#5F4453
800
#4B3541
900
#382931
950
#231A1F

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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