#AA2823 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated brick red commands attention with a raw, urgent intensity. Because #aa2823 sits on the darker side of the spectrum, it works best as a punchy accent or a solid call-to-action button rather than a large background. It pairs exceptionally well with warm creams and muted grays. White text provides a readable 6.9:1 contrast ratio against the hex code, making it highly accessible for bold type.
Questions about #aa2823
What is #aa2823 in RGB, HSL and CMYK?
In RGB, #aa2823 is rgb(170, 40, 35), in HSL hsl(2, 66%, 40%) and in CMYK 0%, 76%, 79%, 33%.
How should I use #aa2823 in a web interface?
#aa2823 works best as a punchy accent or primary call-to-action button rather than a large background color. Because of its dark, saturated nature, keep it limited to small interactive elements to maintain visual balance and prevent the interface from feeling overwhelmed.
What colors pair well with #aa2823?
This brick red pairs exceptionally well with warm creams or muted grays to soften its intensity. These neutral pairings provide a sophisticated balance, allowing the boldness of #aa2823 to stand out without causing visual strain for the user.
Is #aa2823 readable on white or black?
#aa2823 has a 6.91:1 contrast ratio on white and 3.03: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.