#E3D7DF

#E3D7DF

Color Values

HEX

#E3D7DF

RGB

227, 215, 223

HSL

320,0, 17,6%, 86,7%

HSV

320,0, 5,3%, 89,0%

CMYK

0,0%, 5,3%, 1,8%, 11,0%

OKLCH

0,8911 0,0169 337,6

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#E3D7DF

#D7E3DB

Analogous

#E1D7E3

#E3D7D9

#E3D7DF

Triadic

#E3D7DF

#DFE3D7

#D7DFE3

Split Complementary

#E3D7DF

#D9E3D7

#D7E3E1

Tetradic

#E3D7DF

#E3E1D7

#D7E3DB

#D7D9E3

Color Blindness Simulation

Original

#E3D7DF

Protanopia

#DEDEDD

Deuteranopia

#DEDFDD

Tritanopia

#E2DCDB

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EAEE
200
#E2D5DD
300
#CDB7C5
400
#B190A6
500
#966987
600
#78546C
700
#604356
800
#4B3543
900
#382933
950
#231A20

Contrast Checker

Text on white

1,4:1

AA Fail AAA Fail

Text on black

15,05:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026