#E548FA

#E548FA

Color Values

HEX

#E548FA

RGB

229, 72, 250

HSL

292.9, 94.7%, 63.1%

HSV

292.9, 71.2%, 98.0%

CMYK

8.4%, 71.2%, 0.0%, 2.0%

OKLCH

0.6911 0.2706 322.7

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#E548FA

#5DFA48

Analogous

#8C48FA

#FA48B6

#E548FA

Triadic

#E548FA

#FAE548

#48FAE5

Split Complementary

#E548FA

#B6FA48

#48FA8C

Tetradic

#E548FA

#FA8C48

#5DFA48

#48B6FA

Color Blindness Simulation

Original

#E548FA

Protanopia

#A1A0CF

Deuteranopia

#AAB6C5

Tritanopia

#DDADA5

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F8DFFC
200
#F5B9FD
300
#EE88FC
400
#E547FA
500
#DC07F8
600
#B005C7
700
#8D049F
800
#6E037C
900
#50075A
950
#330539

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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