#AB4A2A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ab4a2a is a muted, earthy red with warm, mellow undertones. Because of its lower saturation, it functions best as a sophisticated accent color rather than a large background. Pair this hex code with soft creams or warm grays for a balanced palette. It offers enough contrast for white text, making it a reliable choice for legible UI buttons and interactive design elements.
Questions about #ab4a2a
What is #ab4a2a in RGB, HSL and CMYK?
In RGB, #ab4a2a is rgb(171, 74, 42), in HSL hsl(15, 61%, 42%) and in CMYK 0%, 57%, 75%, 33%.
Where should I use #ab4a2a in my UI design?
#ab4a2a functions best as a focused accent color rather than a large background element. It provides excellent contrast for white text, making it a reliable choice for call-to-action buttons, interactive links, or subtle borders that need to feel grounded and professional.
What colors pair well with #ab4a2a?
This earthy red pairs beautifully with neutral foundations like cream or warm gray. These combinations prevent the color from appearing too aggressive while maintaining its sophisticated, mellow quality in both print and digital layouts.
Is #ab4a2a readable on white or black?
#ab4a2a has a 5.60:1 contrast ratio on white and 3.74: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.