#EA2C85 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated magenta commands immediate attention with its intense, beaming energy. Because of its extreme dominance, the hex code #ea2c85 is best reserved as a 10% accent color for calls to action or playful branding rather than full-page backgrounds. Pair it with dark charcoal grays to create high-contrast accessibility while grounding its loud, warm presence in a professional palette.
Questions about #ea2c85
What is #ea2c85 in RGB, HSL and CMYK?
In RGB, #ea2c85 is rgb(234, 44, 133), in HSL hsl(332, 82%, 55%) and in CMYK 0%, 81%, 43%, 8%.
What is the best way to use #ea2c85 in a UI design?
Reserve #ea2c85 for micro-interactions like buttons or alert badges rather than large backgrounds. Because the color is so visually dominant, limiting its application to small, high-impact areas keeps your interface accessible and prevents the design from overwhelming the user.
Which neutral colors work well with #ea2c85?
Pair #ea2c85 with deep, cool-toned neutrals like charcoal or slate gray to ground its warmth. Using these dark, non-reflective neutrals creates enough contrast to make the magenta pop effectively without vibrating against the eye or compromising your text readability.
Is #ea2c85 readable on white or black?
#ea2c85 has a 4.04:1 contrast ratio on white and 5.19: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.