#E12E59 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated rose-red packs high visual impact. Because it demands attention, #e12e59 functions best as a call-to-action button or a small accent rather than a background color. Its high chroma makes it prone to overwhelming the eye if used too broadly. When you need text legibility, pair this hex code with black for the best contrast, as white can look washed out against such a vivid hue.
Questions about #e12e59
What is #e12e59 in RGB, HSL and CMYK?
In RGB, #e12e59 is rgb(225, 46, 89), in HSL hsl(346, 75%, 53%) and in CMYK 0%, 80%, 60%, 12%.
How should I pair #e12e59 in a UI design?
Since #e12e59 is extremely vivid, use it sparingly as a functional accent for primary buttons or error states. Pair it with neutral charcoal or dark text for legibility, as standard white text often appears washed out against this intensity.
Is #e12e59 suitable for large background areas?
Avoid using #e12e59 for large backgrounds, as its high chroma can cause visual fatigue and dominate the interface. It functions much better when restricted to smaller elements where its natural vibrancy adds energy without overwhelming the user.
Is #e12e59 readable on white or black?
#e12e59 has a 4.43:1 contrast ratio on white and 4.73: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.