#E14A6E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense red commands immediate attention. Because it is strong, #e14a6e works best as a sharp accent rather than a full page background. Pair it with muted grays to let the color pop without overwhelming the interface. Since it maintains a 5.4:1 contrast ratio with black text, this hex code is a practical choice for high-impact buttons or bold calls to action.
Questions about #e14a6e
What is #e14a6e in RGB, HSL and CMYK?
In RGB, #e14a6e is rgb(225, 74, 110), in HSL hsl(346, 72%, 59%) and in CMYK 0%, 67%, 51%, 12%.
Where should I use #e14a6e in a user interface?
#e14a6e is best reserved for high-impact interactive elements like buttons, toggle switches, or notification badges. Because it is highly saturated, avoid using it for large background blocks, as it can overwhelm the eye and distract from your primary content.
What colors pair well with #e14a6e?
This vibrant red balances beautifully against neutral tones. Pair it with a deep charcoal or soft slate gray to ground the intensity, or use a crisp white background to let the color pop without clashing.
Is #e14a6e readable on white or black?
#e14a6e has a 3.88:1 contrast ratio on white and 5.40: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.