#ED559F

#ED559F

Color Values

HEX

#ED559F

RGB

237, 85, 159

HSL

330.8, 80.9%, 63.1%

HSV

330.8, 64.1%, 92.9%

CMYK

0.0%, 64.1%, 32.9%, 7.1%

OKLCH

0.6726 0.1992 353.7

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#ED559F

#55EDA3

Analogous

#ED55EB

#ED5755

#ED559F

Triadic

#ED559F

#9FED55

#559FED

Split Complementary

#ED559F

#55ED57

#55EBED

Tetradic

#ED559F

#EBED55

#55EDA3

#5755ED

Color Blindness Simulation

Original

#ED559F

Protanopia

#ABAA8D

Deuteranopia

#B4BF89

Tritanopia

#E57F7C

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BEDB
300
#F390C0
400
#ED549F
500
#E7187D
600
#B91364
700
#941050
800
#730C3E
900
#540D30
950
#35081E

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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