#E28AF9

#E28AF9

Color Values

HEX

#E28AF9

RGB

226, 138, 249

HSL

287.6, 90.2%, 75.9%

HSV

287.6, 44.6%, 97.6%

CMYK

9.2%, 44.6%, 0.0%, 2.4%

OKLCH

0.7649 0.177 319.1

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#E28AF9

#A1F98A

Analogous

#AB8AF9

#F98AD8

#E28AF9

Triadic

#E28AF9

#F9E28A

#8AF9E2

Split Complementary

#E28AF9

#D8F98A

#8AF9AB

Tetradic

#E28AF9

#F9AB8A

#A1F98A

#8AD8F9

Color Blindness Simulation

Original

#E28AF9

Protanopia

#BCBBDE

Deuteranopia

#C1C8D8

Tritanopia

#DEC9C4

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FBF1FD
100
#F5DFFB
200
#EEBBFC
300
#E28BF9
400
#D34CF6
500
#C30CF3
600
#9C0AC2
700
#7D089B
800
#610679
900
#480958
950
#2D0637

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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