#E7DCE2

#E7DCE2

Color Values

HEX

#E7DCE2

RGB

231, 220, 226

HSL

327.3, 18.6%, 88.4%

HSV

327.3, 4.8%, 90.6%

CMYK

0.0%, 4.8%, 2.2%, 9.4%

OKLCH

0.905 0.0144 343.2

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#E7DCE2

#DCE7E1

Analogous

#E6DCE7

#E7DCDC

#E7DCE2

Triadic

#E7DCE2

#E2E7DC

#DCE2E7

Split Complementary

#E7DCE2

#DCE7DC

#DCE7E6

Tetradic

#E7DCE2

#E7E6DC

#DCE7E1

#DCDCE7

Color Blindness Simulation

Original

#E7DCE2

Protanopia

#E2E2E1

Deuteranopia

#E3E4E0

Tritanopia

#E6DFDF

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E2D5DC
300
#CDB6C3
400
#B28FA2
500
#976882
600
#795368
700
#614253
800
#4C3441
900
#392831
950
#24191F

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026