#EAB3FE

#EAB3FE

Color Values

HEX

#EAB3FE

RGB

234, 179, 254

HSL

284.0, 97.4%, 84.9%

HSV

284.0, 29.5%, 99.6%

CMYK

7.9%, 29.5%, 0.0%, 0.4%

OKLCH

0.8415 0.1174 316.9

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#EAB3FE

#C7FEB3

Analogous

#C4B3FE

#FEB3EC

#EAB3FE

Triadic

#EAB3FE

#FEEAB3

#B3FEEA

Split Complementary

#EAB3FE

#ECFEB3

#B3FEC4

Tetradic

#EAB3FE

#FEC4B3

#C7FEB3

#B3ECFE

Color Blindness Simulation

Original

#EAB3FE

Protanopia

#D2D2EC

Deuteranopia

#D5D9E7

Tritanopia

#E7DEDA

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F4DEFC
200
#ECB9FE
300
#DE86FD
400
#CC45FD
500
#B903FC
600
#9403C9
700
#7702A1
800
#5D027E
900
#44065B
950
#2B0439

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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