#E324EB

#E324EB

Color Values

HEX

#E324EB

RGB

227, 36, 235

HSL

297.6, 83.3%, 53.1%

HSV

297.6, 84.7%, 92.2%

CMYK

3.4%, 84.7%, 0.0%, 7.8%

OKLCH

0.6566 0.2882 326.3

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#E324EB

#2CEB24

Analogous

#7F24EB

#EB248F

#E324EB

Triadic

#E324EB

#EBE324

#24EBE3

Split Complementary

#E324EB

#8FEB24

#24EB7F

Tetradic

#E324EB

#EB7F24

#2CEB24

#248FEB

Color Blindness Simulation

Original

#E324EB

Protanopia

#908FBB

Deuteranopia

#9BAAAF

Tritanopia

#D9958C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E1FA
200
#F7BEF9
300
#F18FF5
400
#E952EF
500
#E115EA
600
#B411BB
700
#900E96
800
#710B75
900
#520C55
950
#340836

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

5.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026