#E102DF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e102df graphic
#e102df is an intense, high-saturation magenta that demands attention. Because it is so dominant and visually loud, it works best as a small accent color rather than a base. It pairs surprisingly well with deep, dark charcoals, which ground its electric energy. Use it for call-to-action buttons or highlights where you need immediate focus, as it meets contrast requirements for black text at small sizes.

Questions about #e102df

What is #e102df in RGB, HSL and CMYK?
In RGB, #e102df is rgb(225, 2, 223), in HSL hsl(301, 98%, 45%) and in CMYK 0%, 99%, 1%, 12%.
How can I use #e102df effectively in a user interface?
#e102df is extremely dominant and visually loud, making it best suited for specific UI elements like primary call-to-action buttons or essential highlights rather than as a background color. Ground this electric energy by surrounding it with charcoal or very dark neutral grays to maintain balance.
Is #e102df readable on white or black?
#e102df has a 3.98:1 contrast ratio on white and 5.27: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.