#E30CE5

#E30CE5

Color Values

HEX

#E30CE5

RGB

227, 12, 229

HSL

299.4, 90.0%, 47.3%

HSV

299.4, 94.8%, 89.8%

CMYK

0.9%, 94.8%, 0.0%, 10.2%

OKLCH

0.6458 0.294 327.9

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#E30CE5

#0EE50C

Analogous

#760CE5

#E50C7B

#E30CE5

Triadic

#E30CE5

#E5E30C

#0CE5E3

Split Complementary

#E30CE5

#7BE50C

#0CE576

Tetradic

#E30CE5

#E5760C

#0EE50C

#0C7BE5

Color Blindness Simulation

Original

#E30CE5

Protanopia

#8684B1

Deuteranopia

#92A2A4

Tritanopia

#D8877E

Achromatopsia

#494949

CSS Usage

background-color: #E30CE5;
color: #E30CE5;
border-color: #E30CE5;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBBFB
300
#F88BF9
400
#F44CF6
500
#F00DF2
600
#C00AC2
700
#9A089B
800
#780679
900
#570958
950
#370637

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026