#E9ACF9

#E9ACF9

Color Values

HEX

#E9ACF9

RGB

233, 172, 249

HSL

287.5, 86.5%, 82.5%

HSV

287.5, 30.9%, 97.6%

CMYK

6.4%, 30.9%, 0.0%, 2.4%

OKLCH

0.8266 0.1234 319.2

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#E9ACF9

#BCF9AC

Analogous

#C2ACF9

#F9ACE2

#E9ACF9

Triadic

#E9ACF9

#F9E9AC

#ACF9E9

Split Complementary

#E9ACF9

#E2F9AC

#ACF9C2

Tetradic

#E9ACF9

#F9C2AC

#BCF9AC

#ACE2F9

Color Blindness Simulation

Original

#E9ACF9

Protanopia

#CFCEE6

Deuteranopia

#D2D7E2

Tritanopia

#E6D8D4

Achromatopsia

#BFBFBF

CSS Usage

background-color: #E9ACF9;
color: #E9ACF9;
border-color: #E9ACF9;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FBF2FD
100
#F5E0FA
200
#EDBCFA
300
#E18DF7
400
#D04FF2
500
#C011EE
600
#990EBE
700
#7B0B98
800
#600977
900
#460B56
950
#2C0736

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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