#ED5A77 Color

#ED5A77 is rgb(237, 90, 119) in RGB and hsl(348, 80%, 64%) in HSL. The closest CSS named color is LightCoral. Black text is most readable on this background.

#ED5A77

HEX#ED5A77

RGBrgb(237, 90, 119)

HSLhsl(348, 80%, 64%)

HSVhsv(348, 62%, 93%)

OKLCHoklch(66.7% 0.182 11.6)

CMYKcmyk(0%, 62%, 50%, 7%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #ED5A77 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.32:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.33:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #ED5A77 based on color wheel relationships. Click any swatch for its full breakdown.

Base#ED5A77 Complementary#5AEDCF Analogous#ED5AC1 Analogous#ED865A Triadic#77ED5A Triadic#5A77ED

Tints & Shades

Lighter tints and darker shades of #ED5A77, useful for hover states, backgrounds, and text variants.

Tints

#EF718A #F2889D #F49FB0 #F6B1BF #F9C8D2 #FBDFE5

Shades

#E83055 #D8183E #AE1332 #8A0F28 #600B1C #3C0711

Use #ED5A77 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex