#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026