#AA2311 Hex Color

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

Hex color #aa2311 graphic
#aa2311 is a saturated, brick-like red that commands immediate attention. This high-intensity shade functions best as an accent color for calls to action or alert indicators rather than a full background. It pairs exceptionally well with charcoal grays for a grounded, modern look. Because white text provides excellent readability on this hex code, it works effectively for high-contrast UI elements.

Questions about #aa2311

What is #aa2311 in RGB, HSL and CMYK?
In RGB, #aa2311 is rgb(170, 35, 17), in HSL hsl(7, 82%, 37%) and in CMYK 0%, 79%, 90%, 33%.
What colors pair well with #aa2311?
#aa2311 functions best when anchored by neutral tones that allow its saturation to pop without overwhelming the design. It pairs exceptionally well with deep charcoal grays for a modern, grounded appearance or with crisp off-whites to maintain high-contrast readability.
Is #aa2311 readable on white or black?
#aa2311 has a 7.10:1 contrast ratio on white and 2.95: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.