#E3C2FA

#E3C2FA

Color Values

HEX

#E3C2FA

RGB

227, 194, 250

HSL

275.4, 84.8%, 87.1%

HSV

275.4, 22.4%, 98.0%

CMYK

9.2%, 22.4%, 0.0%, 2.0%

OKLCH

0.8603 0.0838 311.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#E3C2FA

#D9FAC2

Analogous

#C7C2FA

#FAC2F5

#E3C2FA

Triadic

#E3C2FA

#FAE3C2

#C2FAE3

Split Complementary

#E3C2FA

#F5FAC2

#C2FAC7

Tetradic

#E3C2FA

#FAC7C2

#D9FAC2

#C2F5FA

Color Blindness Simulation

Original

#E3C2FA

Protanopia

#D5D4EC

Deuteranopia

#D7D9E9

Tritanopia

#E1E2DF

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE0FA
200
#E1BDFA
300
#CB8EF6
400
#AF51F1
500
#9313EC
600
#7610BC
700
#5E0C97
800
#490A76
900
#370B55
950
#230736

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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