#EC5A99 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ec5a99 graphic
With its high saturation and medium-light value, #ec5a99 is a warm, lively pink with a slight magenta cast. The hex code works best as a 10% accent for calls to action, cosmetics, fashion, and children’s products, adding energy without overwhelming the layout. Pair it with deep navy or charcoal; black text remains readable at about 6.5:1 contrast.

Questions about #ec5a99

What is #ec5a99 in RGB, HSL and CMYK?
In RGB, #ec5a99 is rgb(236, 90, 153), in HSL hsl(334, 79%, 64%) and in CMYK 0%, 62%, 35%, 7%.
What colors pair well with #ec5a99 in a palette?
Deep navy or charcoal pair well with #ec5a99, grounding its warm, high-energy pink while preserving clear visual separation in interfaces, promotional graphics, and palettes that need a dependable darker anchor. Use the pink for buttons, highlights, or small graphic elements.
Is #ec5a99 warm or cool, and where does it work best?
#ec5a99 reads as a warm pink because its saturated red base is tempered by a slight magenta cast, making it effective for lively calls to action, cosmetics, fashion, and playful children’s product accents. It is usually strongest as a focused accent rather than a full-page background.
Is #ec5a99 readable on white or black?
#ec5a99 has a 3.23:1 contrast ratio on white and 6.48:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.