#A31919 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated red carries significant visual weight. The hex code #a31919 works best as a powerful accent rather than a full page background. It pairs well with cool grays or charcoal tones, which balance its inherent heat. White text remains perfectly legible against this shade, making it a reliable choice for high-visibility call to action buttons or alert banners.
Questions about #a31919
What is #a31919 in RGB, HSL and CMYK?
In RGB, #a31919 is rgb(163, 25, 25), in HSL hsl(0, 73%, 37%) and in CMYK 0%, 85%, 85%, 36%.
What colors pair best with #a31919 for a professional layout?
Because #a31919 is such an intense, warm red, it balances perfectly when paired with cool neutrals like charcoal or slate gray. These darker, muted tones ground the high energy of this red without competing for visual attention on the page.
Is #a31919 suitable for use as a primary interface background?
Using #a31919 as a full-page background often causes eye strain and legibility issues, so it is better used as an accent. Reserve this bold shade for specific elements like notification banners, error states, or primary conversion buttons that require immediate user focus.
Is #a31919 readable on white or black?
#a31919 has a 7.74:1 contrast ratio on white and 2.71: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.