#E678C0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e678c0 is a bold, neon magenta that demands immediate attention. This high-saturation shade carries intense energy, making it an excellent choice for call-to-action buttons or small UI accents. Because it offers strong contrast against black, you can use it for small text without readability issues. Reserve this bright hue for moments when you need to drive user focus, as it can overwhelm larger background areas.
Questions about #e678c0
What is #e678c0 in RGB, HSL and CMYK?
In RGB, #e678c0 is rgb(230, 120, 192), in HSL hsl(321, 69%, 69%) and in CMYK 0%, 48%, 17%, 10%.
Where should I use #e678c0 in a UI design?
#e678c0 functions best as a high-contrast accent color meant to drive immediate user focus. Because of its intense brightness, avoid using it as a large background and instead reserve it for interactive elements like primary buttons, notification badges, or focused text links.
What colors pair well with #e678c0?
This vibrant magenta pairs naturally with neutral tones to balance its intensity. Try grounding #e678c0 against deep charcoal or dark navy backgrounds to make the color pop without overwhelming the viewer. For a softer look, it also contrasts interestingly against muted teals.
Is #e678c0 readable on white or black?
#e678c0 has a 2.68:1 contrast ratio on white and 7.81:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.