#AB2E2E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ab2e2e is a saturated, brick red with distinct earthy warmth. This bold tone commands attention and works best as a 10% accent color rather than a dominant base, where it can easily overwhelm a layout. It pairs well with muted creams or charcoal grays to ground its intensity. Because it offers strong contrast against white text, it functions effectively for UI alerts and high-impact calls to action.
Questions about #ab2e2e
What is #ab2e2e in RGB, HSL and CMYK?
In RGB, #ab2e2e is rgb(171, 46, 46), in HSL hsl(0, 58%, 43%) and in CMYK 0%, 73%, 73%, 33%.
How should I use #ab2e2e in a UI design?
This brick red functions best as a high-contrast accent color rather than a dominant background tone. Because it is highly saturated, it works effectively for critical UI alerts or calls to action when paired with neutral, muted backgrounds like charcoal.
What colors pair well with #ab2e2e?
To ground the intensity of #ab2e2e, pair it with muted, neutral tones that offer balance. It creates a sophisticated, grounded aesthetic when placed alongside cream or soft charcoal, which prevents the red from becoming visually overwhelming.
Is #ab2e2e readable on white or black?
#ab2e2e has a 6.64: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.