#E3BDFC

#E3BDFC

Color Values

HEX

#E3BDFC

RGB

227, 189, 252

HSL

276.2, 91.3%, 86.5%

HSV

276.2, 25.0%, 98.8%

CMYK

9.9%, 25.0%, 0.0%, 1.2%

OKLCH

0.8519 0.0947 311.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#E3BDFC

#D6FCBD

Analogous

#C4BDFC

#FCBDF6

#E3BDFC

Triadic

#E3BDFC

#FCE3BD

#BDFCE3

Split Complementary

#E3BDFC

#F6FCBD

#BDFCC4

Tetradic

#E3BDFC

#FCC4BD

#D6FCBD

#BDF6FC

Color Blindness Simulation

Original

#E3BDFC

Protanopia

#D3D2ED

Deuteranopia

#D5D8E9

Tritanopia

#E1E1DE

Achromatopsia

#CACACA

CSS Usage

background-color: #E3BDFC;
color: #E3BDFC;
border-color: #E3BDFC;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E2BBFC
300
#CD8AFA
400
#B24BF7
500
#980BF4
600
#7909C3
700
#61079C
800
#4C067A
900
#390958
950
#240538

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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