#E04F89

#E04F89

Color Values

HEX

#E04F89

RGB

224, 79, 137

HSL

336.0, 70.0%, 59.4%

HSV

336.0, 64.7%, 87.8%

CMYK

0.0%, 64.7%, 38.8%, 12.2%

OKLCH

0.6393 0.1868 359.2

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#E04F89

#4FE0A6

Analogous

#E04FD1

#E05D4F

#E04F89

Triadic

#E04F89

#89E04F

#4F89E0

Split Complementary

#E04F89

#4FE05D

#4FD1E0

Tetradic

#E04F89

#D1E04F

#4FE0A6

#5D4FE0

Color Blindness Simulation

Original

#E04F89

Protanopia

#A1A07B

Deuteranopia

#AAB478

Tritanopia

#D9706D

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E3EB
200
#F4C2D6
300
#ED97B9
400
#E35F93
500
#D9266E
600
#AD1F58
700
#8B1846
800
#6C1337
900
#4F122A
950
#320B1B

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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