#E7D3EC

#E7D3EC

Color Values

HEX

#E7D3EC

RGB

231, 211, 236

HSL

288.0, 39.7%, 87.6%

HSV

288.0, 10.6%, 92.5%

CMYK

2.1%, 10.6%, 0.0%, 7.5%

OKLCH

0.8906 0.04 319.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E7D3EC

#D8ECD3

Analogous

#DAD3EC

#ECD3E4

#E7D3EC

Triadic

#E7D3EC

#ECE7D3

#D3ECE7

Split Complementary

#E7D3EC

#E4ECD3

#D3ECDA

Tetradic

#E7D3EC

#ECDAD3

#D8ECD3

#D3E4EC

Color Blindness Simulation

Original

#E7D3EC

Protanopia

#DEDEE6

Deuteranopia

#E0E1E4

Tritanopia

#E6E1E0

Achromatopsia

#D9D9D9

CSS Usage

background-color: #E7D3EC;
color: #E7D3EC;
border-color: #E7D3EC;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#F9F5FA
100
#F1E7F3
200
#E4CDE9
300
#D0AADA
400
#B77BC6
500
#9E4DB2
600
#7E3E8E
700
#653172
800
#4F2659
900
#3B1F42
950
#25142A

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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