#E10A96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta is extremely intense and demands immediate visual attention. Because it is so dominant, designers should use it sparingly as a button or accent rather than a background. The #e10a96 hex code offers enough contrast for black text, making it a functional choice for high-impact interface elements.
Questions about #e10a96
What is #e10a96 in RGB, HSL and CMYK?
In RGB, #e10a96 is rgb(225, 10, 150), in HSL hsl(321, 91%, 46%) and in CMYK 0%, 96%, 33%, 12%.
How should I use #e10a96 in a design system?
Apply #e10a96 sparingly as a call-to-action button or alert highlight because its intense saturation overwhelms the eye when used as a background. It functions best as a striking accent against neutral palettes like charcoal or crisp white.
Is #e10a96 readable on white or black?
#e10a96 has a 4.48:1 contrast ratio on white and 4.68: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.