#A52722 Hex Color

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

Hex color #a52722 graphic
#a52722 is a saturated, brick red with significant depth and warmth. This shade carries a sense of urgency and intensity, making it ideal for call-to-action buttons or accent elements where you need to grab attention. It can overwhelm as a full background, so pair this hex code with neutral off-whites or soft creams to keep designs legible and balanced.

Questions about #a52722

What is #a52722 in RGB, HSL and CMYK?
In RGB, #a52722 is rgb(165, 39, 34), in HSL hsl(2, 66%, 39%) and in CMYK 0%, 76%, 79%, 35%.
What design elements work best with #a52722?
Use #a52722 sparingly as a high-impact accent color for buttons, alerts, or header text to create urgency. Because of its saturated intensity, it functions better as a focal point than as a large background block, especially when set against cream or off-white surfaces.
How can I balance the intensity of #a52722?
Pair this deep brick red with neutral, desaturated colors to prevent the design from feeling overwhelming. Incorporating a soft taupe or a muted stone gray helps anchor the heat of #a52722, ensuring your interface maintains visual comfort and readability for users.
Is #a52722 readable on white or black?
#a52722 has a 7.20:1 contrast ratio on white and 2.91: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.