#EC557B Color

#EC557B is rgb(236, 85, 123) in RGB and hsl(345, 80%, 63%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#EC557B

HEX#EC557B

RGBrgb(236, 85, 123)

HSLhsl(345, 80%, 63%)

HSVhsv(345, 64%, 93%)

OKLCHoklch(66% 0.187 8.6)

CMYKcmyk(0%, 64%, 48%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#EC557B Complementary#55ECC6 Analogous#EC55C6 Analogous#EC7B55 Triadic#7BEC55 Triadic#557BEC

Tints & Shades

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

Tints

#EF6C8D #F1839F #F49AB0 #F6B1C2 #F9C8D4 #FBDFE6

Shades

#E8305E #D31746 #AE133A #850F2C #600B20 #370612

Use #EC557B in Our Tools

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