#AA210F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated red commands attention with its intense, brick-like quality. Because #aa210f is heavy, it works best as a 10% accent color rather than a primary background to avoid overwhelming the eye. It pairs well with teal or slate grays. Since this hex code offers high contrast with white text, use it for bold calls to action that demand immediate user focus.
Questions about #aa210f
What is #aa210f in RGB, HSL and CMYK?
In RGB, #aa210f is rgb(170, 33, 15), in HSL hsl(7, 84%, 36%) and in CMYK 0%, 81%, 91%, 33%.
How should #aa210f be used in a professional UI design?
#aa210f works best as a deliberate accent color rather than a primary background because of its visual weight. Apply it to call-to-action buttons or alert indicators to demand attention against neutral backgrounds like slate or soft grays.
What colors pair well with #aa210f for a balanced palette?
This intense brick red finds balance when paired with cool-toned neutrals or complementary hues. Incorporating teal or muted slate grays helps ground the warmth of #aa210f, preventing the design from feeling too overwhelming or visually chaotic.
Is #aa210f readable on white or black?
#aa210f has a 7.15:1 contrast ratio on white and 2.93: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.