#E2BAEF

#E2BAEF

Color Values

HEX

#E2BAEF

RGB

226, 186, 239

HSL

285.3, 62.4%, 83.3%

HSV

285.3, 22.2%, 93.7%

CMYK

5.4%, 22.2%, 0.0%, 6.3%

OKLCH

0.8408 0.0842 317.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#E2BAEF

#C7EFBA

Analogous

#C7BAEF

#EFBAE1

#E2BAEF

Triadic

#E2BAEF

#EFE2BA

#BAEFE2

Split Complementary

#E2BAEF

#E1EFBA

#BAEFC7

Tetradic

#E2BAEF

#EFC7BA

#C7EFBA

#BAE1EF

Color Blindness Simulation

Original

#E2BAEF

Protanopia

#D1D0E2

Deuteranopia

#D3D6DF

Tritanopia

#E0D8D6

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F9F3FB
100
#F2E4F7
200
#E7C5F2
300
#D59CE8
400
#BF66DC
500
#A830CF
600
#8626A6
700
#6C1F85
800
#541868
900
#3E154C
950
#270D30

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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