#E72CE4

#E72CE4

Color Values

HEX

#E72CE4

RGB

231, 44, 228

HSL

301.0, 79.6%, 53.9%

HSV

301.0, 81.0%, 90.6%

CMYK

0.0%, 81.0%, 1.3%, 9.4%

OKLCH

0.6623 0.2799 328.9

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#E72CE4

#2CE72F

Analogous

#8D2CE7

#E72C86

#E72CE4

Triadic

#E72CE4

#E4E72C

#2CE4E7

Split Complementary

#E72CE4

#86E72C

#2CE78D

Tetradic

#E72CE4

#E78D2C

#2CE72F

#2C86E7

Color Blindness Simulation

Original

#E72CE4

Protanopia

#9694B8

Deuteranopia

#A1AFAD

Tritanopia

#DE948D

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#F9E1F9
200
#F8BFF7
300
#F391F1
400
#EC56E9
500
#E51AE2
600
#B715B4
700
#931190
800
#720D71
900
#530E52
950
#350934

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

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