#E2B7EC

#E2B7EC

Color Values

HEX

#E2B7EC

RGB

226, 183, 236

HSL

288.7, 58.2%, 82.2%

HSV

288.7, 22.5%, 92.5%

CMYK

4.2%, 22.5%, 0.0%, 7.5%

OKLCH

0.8343 0.086 319.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#E2B7EC

#C1ECB7

Analogous

#C8B7EC

#ECB7DC

#E2B7EC

Triadic

#E2B7EC

#ECE2B7

#B7ECE2

Split Complementary

#E2B7EC

#DCECB7

#B7ECC8

Tetradic

#E2B7EC

#ECC8B7

#C1ECB7

#B7DCEC

Color Blindness Simulation

Original

#E2B7EC

Protanopia

#CFCFDF

Deuteranopia

#D2D5DC

Tritanopia

#E0D5D3

Achromatopsia

#C4C4C4

CSS Usage

background-color: #E2B7EC;
color: #E2B7EC;
border-color: #E2B7EC;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FAF4FB
100
#F3E4F6
200
#E8C7F0
300
#D89EE5
400
#C36AD8
500
#AE35CA
600
#8B2BA1
700
#6F2281
800
#571B65
900
#40174A
950
#290F2F

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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