#E554EE

#E554EE

Color Values

HEX

#E554EE

RGB

229, 84, 238

HSL

296.5, 81.9%, 63.1%

HSV

296.5, 64.7%, 93.3%

CMYK

3.8%, 64.7%, 0.0%, 6.7%

OKLCH

0.6952 0.2474 325.4

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#E554EE

#5DEE54

Analogous

#9854EE

#EE54AA

#E554EE

Triadic

#E554EE

#EEE554

#54EEE5

Split Complementary

#E554EE

#AAEE54

#54EE98

Tetradic

#E554EE

#EE9854

#5DEE54

#54AAEE

Color Blindness Simulation

Original

#E554EE

Protanopia

#A6A5C9

Deuteranopia

#AFB9C0

Tritanopia

#DEABA5

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E1FA
200
#F5BEF9
300
#EE90F4
400
#E553EE
500
#DC17E8
600
#B012BA
700
#8D0F94
800
#6E0C74
900
#500D54
950
#330835

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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