#ED558F

#ED558F

Color Values

HEX

#ED558F

RGB

237, 85, 143

HSL

337.1, 80.9%, 63.1%

HSV

337.1, 64.1%, 92.9%

CMYK

0.0%, 64.1%, 39.7%, 7.1%

OKLCH

0.6674 0.193 0.2

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#ED558F

#55EDB3

Analogous

#ED55DB

#ED6755

#ED558F

Triadic

#ED558F

#8FED55

#558FED

Split Complementary

#ED558F

#55ED67

#55DBED

Tetradic

#ED558F

#DBED55

#55EDB3

#6755ED

Color Blindness Simulation

Original

#ED558F

Protanopia

#ABAA81

Deuteranopia

#B4BF7E

Tritanopia

#E57673

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BED4
300
#F390B6
400
#ED548F
500
#E71867
600
#B91352
700
#941042
800
#730C34
900
#540D28
950
#350819

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.3:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026