#EC55BC Color

#EC55BC is rgb(236, 85, 188) in RGB and hsl(319, 80%, 63%) in HSL. The closest CSS named color is HotPink. Black text is most readable on this background.

#EC55BC

HEX#EC55BC

RGBrgb(236, 85, 188)

HSLhsl(319, 80%, 63%)

HSVhsv(319, 64%, 93%)

OKLCHoklch(68.2% 0.214 342.5)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#EC55BC Complementary#55EC85 Analogous#D055EC Analogous#EC5571 Triadic#BCEC55 Triadic#55BCEC

Tints & Shades

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

Tints

#EF6CC5 #F183CE #F49AD7 #F6B1E0 #F9C8E9 #FBDFF2

Shades

#E830AE #D31798 #AE137D #850F60 #600B45 #370628

Use #EC55BC in Our Tools

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