#E7ADED

#E7ADED

Color Values

HEX

#E7ADED

RGB

231, 173, 237

HSL

294.4, 64.0%, 80.4%

HSV

294.4, 27.0%, 92.9%

CMYK

2.5%, 27.0%, 0.0%, 7.1%

OKLCH

0.8217 0.1077 323.3

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#E7ADED

#B3EDAD

Analogous

#C7ADED

#EDADD3

#E7ADED

Triadic

#E7ADED

#EDE7AD

#ADEDE7

Split Complementary

#E7ADED

#D3EDAD

#ADEDC7

Tetradic

#E7ADED

#EDC7AD

#B3EDAD

#ADD3ED

Color Blindness Simulation

Original

#E7ADED

Protanopia

#CECDDE

Deuteranopia

#D1D6DA

Tritanopia

#E4D1CF

Achromatopsia

#BEBEBE

CSS Usage

background-color: #E7ADED;
color: #E7ADED;
border-color: #E7ADED;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FBF3FC
100
#F5E3F7
200
#EEC4F2
300
#E29BE9
400
#D264DD
500
#C22ED1
600
#9B25A7
700
#7C1D86
800
#611769
900
#47154C
950
#2D0D30

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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