#E5161D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma red commands instant attention. Because of its intense, saturated nature, #e5161d works best as a targeted accent or button color rather than a primary background. It pairs surprisingly well with deep charcoal grays to ground its aggression. Use the hex code #e5161d when your interface requires urgency or a strong call to action, keeping in mind that white text provides sufficient contrast for readability.
Questions about #e5161d
What is #e5161d in RGB, HSL and CMYK?
In RGB, #e5161d is rgb(229, 22, 29), in HSL hsl(358, 82%, 49%) and in CMYK 0%, 90%, 87%, 10%.
What colors pair well with #e5161d?
This vibrant red is best balanced by deep, neutral tones that ground its intensity. Using charcoal or deep slate grays allows the red to pop without overwhelming the layout, while crisp white text ensures high readability for your call-to-action buttons.
Is #e5161d suitable for primary backgrounds?
Avoid using #e5161d as a full-page background because its high saturation can quickly cause visual fatigue and eye strain. Instead, reserve this bold hue for targeted accents, notification badges, or interactive elements where you need to create a sense of urgency.
Is #e5161d readable on white or black?
#e5161d has a 4.70:1 contrast ratio on white and 4.46:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.