#E55397

#E55397

Color Values

HEX

#E55397

RGB

229, 83, 151

HSL

332.1, 73.7%, 61.2%

HSV

332.1, 63.8%, 89.8%

CMYK

0.0%, 63.8%, 34.1%, 10.2%

OKLCH

0.6558 0.1915 354.9

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#E55397

#53E5A1

Analogous

#E553E0

#E55853

#E55397

Triadic

#E55397

#97E553

#5397E5

Split Complementary

#E55397

#53E558

#53E0E5

Tetradic

#E55397

#E0E553

#53E5A1

#5853E5

Color Blindness Simulation

Original

#E55397

Protanopia

#A6A587

Deuteranopia

#AEB983

Tritanopia

#DE7A77

Achromatopsia

#777777

CSS Usage

background-color: #E55397;
color: #E55397;
border-color: #E55397;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF3F7
100
#F8E2EC
200
#F6C1D9
300
#EF95BF
400
#E65B9C
500
#DD2279
600
#B11B61
700
#8E154D
800
#6F113C
900
#51102E
950
#330A1D

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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