#EA6284 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and beaming, #ea6284 acts as an immediate attention-grabber. This warm pink carries high intensity, making it ideal for call-to-action buttons or small UI accents where urgency is required. Because it maintains strong contrast against black text, it works well for readable messaging. Avoid using it as a dominant background, as its flamboyant nature can quickly overwhelm a layout.
Questions about #ea6284
What is #ea6284 in RGB, HSL and CMYK?
In RGB, #ea6284 is rgb(234, 98, 132), in HSL hsl(345, 76%, 65%) and in CMYK 0%, 58%, 44%, 8%.
How should I use #ea6284 in a UI layout?
Because #ea6284 carries such high visual intensity, it performs best as a strategic accent color rather than a primary background shade. Use it for call-to-action buttons or interactive elements where you need to draw the user's eye immediately without overwhelming the interface.
Which colors pair well with #ea6284?
This saturated pink balances well against neutral, grounding tones that allow its warmth to stand out without competing for attention. It creates a sophisticated contrast when paired with charcoal or crisp off-white, keeping the overall palette clean and focused on the accent.
Is #ea6284 readable on white or black?
#ea6284 has a 3.19:1 contrast ratio on white and 6.57: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.