#E3C5FC

#E3C5FC

Color Values

HEX

#E3C5FC

RGB

227, 197, 252

HSL

272.7, 90.2%, 88.0%

HSV

272.7, 21.8%, 98.8%

CMYK

9.9%, 21.8%, 0.0%, 1.2%

OKLCH

0.8665 0.0812 309.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#E3C5FC

#DEFCC5

Analogous

#C7C5FC

#FCC5FA

#E3C5FC

Triadic

#E3C5FC

#FCE3C5

#C5FCE3

Split Complementary

#E3C5FC

#FAFCC5

#C5FCC7

Tetradic

#E3C5FC

#FCC7C5

#DEFCC5

#C5FAFC

Color Blindness Simulation

Original

#E3C5FC

Protanopia

#D6D6EF

Deuteranopia

#D8DAEB

Tritanopia

#E1E4E2

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DEBBFC
300
#C78BF9
400
#A84CF6
500
#8A0CF3
600
#6E0AC2
700
#58089B
800
#450679
900
#340958
950
#210637

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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