#A50017 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense red carries a dark, authoritative weight that commands immediate attention. While it works well for bold accents and high-impact calls to action, use #a50017 sparingly as a primary background to avoid overwhelming the viewer. This hex code provides excellent contrast for white text, ensuring readability in small type. Pair it with muted grays or charcoals to ground its powerful, energetic tone.
Questions about #a50017
What is #a50017 in RGB, HSL and CMYK?
In RGB, #a50017 is rgb(165, 0, 23), in HSL hsl(352, 100%, 32%) and in CMYK 0%, 100%, 86%, 35%.
What colors pair best with #a50017?
Because #a50017 is such an intense, high-energy red, it balances perfectly when paired with muted charcoal or soft neutral grays. These darker, desaturated tones ground the vibrancy of the red, preventing it from overwhelming your design and ensuring the primary color remains the focal point.
Is #a50017 suitable for text on a white background?
Yes, #a50017 provides excellent contrast against pure white backgrounds, which makes it highly effective for call-to-action buttons or small, important UI text. However, avoid using it for large blocks of paragraph text, as the high saturation can cause eye strain over long reading periods.
Is #a50017 readable on white or black?
#a50017 has a 8.03:1 contrast ratio on white and 2.61: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 is too faint for text. Try other pairs in the contrast checker.