#E501FE

#E501FE

Color Values

HEX

#E501FE

RGB

229, 1, 254

HSL

294.1, 99.2%, 50.0%

HSV

294.1, 99.6%, 99.6%

CMYK

9.8%, 99.6%, 0.0%, 0.4%

OKLCH

0.6627 0.3132 322.7

Properties

Cool Light Nearest: magenta

Color Harmonies

Complementary

#E501FE

#1AFE01

Analogous

#6701FE

#FE0198

#E501FE

Triadic

#E501FE

#FEE501

#01FEE5

Split Complementary

#E501FE

#98FE01

#01FE67

Tetradic

#E501FE

#FE6701

#1AFE01

#0198FE

Color Blindness Simulation

Original

#E501FE

Protanopia

#8280C1

Deuteranopia

#90A1B2

Tritanopia

#DA9086

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#F9DEFC
200
#F8B8FF
300
#F385FF
400
#EC43FE
500
#E501FE
600
#B701CB
700
#9301A3
800
#73017F
900
#53055C
950
#35033A

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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