#E24FF2

#E24FF2

Color Values

HEX

#E24FF2

RGB

226, 79, 242

HSL

294.1, 86.2%, 62.9%

HSV

294.1, 67.4%, 94.9%

CMYK

6.6%, 67.4%, 0.0%, 5.1%

OKLCH

0.6886 0.2553 323.7

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#E24FF2

#5FF24F

Analogous

#904FF2

#F24FB0

#E24FF2

Triadic

#E24FF2

#F2E24F

#4FF2E2

Split Complementary

#E24FF2

#B0F24F

#4FF290

Tetradic

#E24FF2

#F2904F

#5FF24F

#4FB0F2

Color Blindness Simulation

Original

#E24FF2

Protanopia

#A2A1CB

Deuteranopia

#ABB6C1

Tritanopia

#DBABA5

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F4BDFA
300
#EC8DF7
400
#E24FF2
500
#D812ED
600
#AD0EBE
700
#8A0B98
800
#6C0977
900
#4F0B56
950
#320736

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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