#E889F0

#E889F0

Color Values

HEX

#E889F0

RGB

232, 137, 240

HSL

295.3, 77.4%, 73.9%

HSV

295.3, 42.9%, 94.1%

CMYK

3.3%, 42.9%, 0.0%, 5.9%

OKLCH

0.766 0.173 324.2

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#E889F0

#91F089

Analogous

#B489F0

#F089C5

#E889F0

Triadic

#E889F0

#F0E889

#89F0E8

Split Complementary

#E889F0

#C5F089

#89F0B4

Tetradic

#E889F0

#F0B489

#91F089

#89C5F0

Color Blindness Simulation

Original

#E889F0

Protanopia

#BFBED7

Deuteranopia

#C4CBD1

Tritanopia

#E3C3BF

Achromatopsia

#A5A5A5

CSS Usage

background-color: #E889F0;
color: #E889F0;
border-color: #E889F0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF2FC
100
#F7E1F9
200
#F3C0F7
300
#EA92F1
400
#DE58EA
500
#D31DE2
600
#A917B5
700
#871291
800
#690E71
900
#4D0F52
950
#310934

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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