#E4DADE

#E4DADE

Color Values

HEX

#E4DADE

RGB

228, 218, 222

HSL

336.0, 15.6%, 87.5%

HSV

336.0, 4.4%, 89.4%

CMYK

0.0%, 4.4%, 2.6%, 10.6%

OKLCH

0.8975 0.0122 351.0

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#E4DADE

#DAE4E0

Analogous

#E4DAE3

#E4DBDA

#E4DADE

Triadic

#E4DADE

#DEE4DA

#DADEE4

Split Complementary

#E4DADE

#DAE4DB

#DAE3E4

Tetradic

#E4DADE

#E3E4DA

#DAE4E0

#DBDAE4

Color Blindness Simulation

Original

#E4DADE

Protanopia

#E0E0DD

Deuteranopia

#E0E1DD

Tritanopia

#E4DCDC

Achromatopsia

#DCDCDC

CSS Usage

background-color: #E4DADE;
color: #E4DADE;
border-color: #E4DADE;
Nearest Tailwind: Zinc 200 #E4E4E7

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D6DA
300
#CBB8C0
400
#AF929E
500
#936C7C
600
#765663
700
#5E454F
800
#4A363E
900
#372A2F
950
#231A1E

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026