#E1BCFD

#E1BCFD

Color Values

HEX

#E1BCFD

RGB

225, 188, 253

HSL

274.2, 94.2%, 86.5%

HSV

274.2, 25.7%, 99.2%

CMYK

11.1%, 25.7%, 0.0%, 0.8%

OKLCH

0.8487 0.0968 310.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#E1BCFD

#D8FDBC

Analogous

#C1BCFD

#FDBCF8

#E1BCFD

Triadic

#E1BCFD

#FDE1BC

#BCFDE1

Split Complementary

#E1BCFD

#F8FDBC

#BCFDC1

Tetradic

#E1BCFD

#FDC1BC

#D8FDBC

#BCF8FD

Color Blindness Simulation

Original

#E1BCFD

Protanopia

#D1D1ED

Deuteranopia

#D3D6EA

Tritanopia

#DFE1DE

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EFDFFB
200
#E0BAFD
300
#CA88FB
400
#AD48FA
500
#9007F8
600
#7306C6
700
#5C059E
800
#48047C
900
#36075A
950
#220539

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.81:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026