#E685D2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e685d2 is a saturated, neon-leaning magenta that demands immediate attention. This high-energy tone works best as a punchy accent or a call-to-action button rather than a large background, which can quickly overwhelm a layout. It pairs well with deep charcoal grays to ground its intensity. Because black text maintains excellent contrast against this hex code, it remains readable for small UI elements.
Questions about #e685d2
What is #e685d2 in RGB, HSL and CMYK?
In RGB, #e685d2 is rgb(230, 133, 210), in HSL hsl(312, 66%, 71%) and in CMYK 0%, 42%, 9%, 10%.
How can I balance the intensity of #e685d2 in a design?
You can ground the visual weight of #e685d2 by pairing it with charcoal or deep, neutral grays. These darker tones prevent the magenta from becoming overwhelming while allowing its vibrant energy to serve as a high-contrast focal point for users.
Is #e685d2 suitable for small UI text?
While #e685d2 remains highly readable against dark backgrounds, it can be difficult to read on white or light surfaces. Ensure your contrast ratios meet accessibility standards by using this color primarily for buttons, icons, or decorative accents rather than body text.
Is #e685d2 readable on white or black?
#e685d2 has a 2.42:1 contrast ratio on white and 8.65: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.