#E4D3DF

#E4D3DF

Color Values

HEX

#E4D3DF

RGB

228, 211, 223

HSL

317.6, 23.9%, 86.1%

HSV

317.6, 7.5%, 89.4%

CMYK

0.0%, 7.5%, 2.2%, 10.6%

OKLCH

0.8841 0.0246 336.1

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#E4D3DF

#D3E4D8

Analogous

#E1D3E4

#E4D3D7

#E4D3DF

Triadic

#E4D3DF

#DFE4D3

#D3DFE4

Split Complementary

#E4D3DF

#D7E4D3

#D3E4E1

Tetradic

#E4D3DF

#E4E1D3

#D3E4D8

#D3D7E4

Color Blindness Simulation

Original

#E4D3DF

Protanopia

#DDDCDC

Deuteranopia

#DEDFDB

Tritanopia

#E3DAD9

Achromatopsia

#D7D7D7

CSS Usage

background-color: #E4D3DF;
color: #E4D3DF;
border-color: #E4D3DF;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E4D3DF
300
#D0B3C8
400
#B78AAA
500
#9E618C
600
#7E4E70
700
#653E5A
800
#4F3146
900
#3B2635
950
#251821

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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