#A31641 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a31641 graphic
#a31641 is a saturated, intense red with deep, bruised undertones. Because it carries so much visual weight, it works best as an accent color rather than a large background block. Use it sparingly for high-impact call-to-action buttons or highlights. It pairs well with muted teals for contrast, and white text maintains excellent readability against this dark, moody hue. The hex code for this red is #a31641.

Questions about #a31641

What is #a31641 in RGB, HSL and CMYK?
In RGB, #a31641 is rgb(163, 22, 65), in HSL hsl(342, 76%, 36%) and in CMYK 0%, 87%, 60%, 36%.
What colors pair well with #a31641 for UI design?
This deep red works exceptionally well when balanced against muted, desaturated tones like teal or slate blue to provide contrast. Because it is so dominant, pairing it with neutral, lighter grays prevents the palette from feeling too heavy or overwhelming.
Is #a31641 suitable for large blocks of text?
No, #a31641 is too dark and saturated to be used as a primary background or body text color. It lacks the necessary contrast for comfortable reading, so it should be reserved for interactive elements, highlights, or graphical accents that require high visibility.
Is #a31641 readable on white or black?
#a31641 has a 7.64:1 contrast ratio on white and 2.74: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.