#EA54CA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated magenta demands immediate attention. Because it is so loud, use #ea54ca sparingly as an accent color for buttons or highlights rather than a full page background. It pairs well with dark charcoal to temper its high energy. With a contrast ratio of 6.6:1, black text remains highly legible against this hex code, making it suitable for bold, readable headers.
Questions about #ea54ca
What is #ea54ca in RGB, HSL and CMYK?
In RGB, #ea54ca is rgb(234, 84, 202), in HSL hsl(313, 78%, 62%) and in CMYK 0%, 64%, 14%, 8%.
How can I best use the intense #ea54ca magenta in my UI designs?
Because #ea54ca is so loud and saturated, it works best as a targeted accent color rather than a background shade. Use it for primary action buttons or essential highlights to draw user attention without overwhelming the rest of your interface.
What colors pair well with the brightness of #ea54ca?
To temper the high energy of #ea54ca, pair it with deep neutrals like charcoal. This creates a high-contrast, professional look where the magenta pops against a stable, dark foundation, ensuring the design feels intentional and balanced rather than chaotic.
Is #ea54ca readable on white or black?
#ea54ca has a 3.17:1 contrast ratio on white and 6.61: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.