#AA2F35 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#aa2f35 is a saturated, assertive brick red with warm, earthy undertones. Because it carries high intensity, use this hex code sparingly as an accent rather than a full page background. It pairs exceptionally well with muted grays or creams to soften its inherent aggression. This shade offers excellent contrast for white text, making it a reliable choice for buttons or bold headlines in rustic design themes.
Questions about #aa2f35
What is #aa2f35 in RGB, HSL and CMYK?
In RGB, #aa2f35 is rgb(170, 47, 53), in HSL hsl(357, 57%, 43%) and in CMYK 0%, 72%, 69%, 33%.
How should I effectively use #aa2f35 in a web layout?
Treat #aa2f35 as a high-impact accent color rather than a background shade. Because it carries such intense energy, it performs best for call-to-action buttons or bold headlines where it needs to stand out against cream or warm gray surfaces.
Which color combinations balance the intensity of #aa2f35?
To soften the aggressive nature of #aa2f35, pair it with desaturated neutrals like slate or soft beige. These cooler or lighter tones provide a necessary visual break, allowing the brick red to pop without overwhelming the rest of your design.
Is #aa2f35 readable on white or black?
#aa2f35 has a 6.63:1 contrast ratio on white and 3.16: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.