#A01216 Hex Color

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

Hex color #a01216 graphic
#a01216 is a saturated, deep red that commands focus with its intense energy. It works best as a punchy accent in UI designs or calls to action rather than a dominant background. Because it offers strong contrast with white text at an 8.1:1 ratio, it remains readable in high-impact areas. The hex code #a01216 provides necessary visual weight to any design needing urgency.

Questions about #a01216

What is #a01216 in RGB, HSL and CMYK?
In RGB, #a01216 is rgb(160, 18, 22), in HSL hsl(358, 80%, 35%) and in CMYK 0%, 89%, 86%, 37%.
Where should I use #a01216 in a design layout?
#a01216 is best suited for small, high-impact elements like call-to-action buttons or alert notifications rather than large background areas. Its intense saturation acts as a visual hook, drawing immediate user attention without overwhelming the rest of the interface.
What colors pair well with #a01216?
To balance the intensity of #a01216, pair it with neutral tones like charcoal or soft whites. For a more sophisticated palette, combining it with slate or cool, desaturated teals creates a balanced visual hierarchy that prevents the red from feeling too jarring.
Is #a01216 readable on white or black?
#a01216 has a 8.09:1 contrast ratio on white and 2.59: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.