#AB3A3A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This terracotta red is saturated yet grounded, leaning into a rustic, earthy quality that avoids the harshness of pure primary red. The hex code #ab3a3a performs best as a bold 10% accent in design systems rather than a dominant background. Because it provides strong contrast, pairing it with clean white text ensures excellent readability. It brings urgent, warm energy to food branding and traditional layouts.
Questions about #ab3a3a
What is #ab3a3a in RGB, HSL and CMYK?
In RGB, #ab3a3a is rgb(171, 58, 58), in HSL hsl(0, 49%, 45%) and in CMYK 0%, 66%, 66%, 33%.
Where does #ab3a3a work best in UI design?
Use #ab3a3a sparingly as a 10% accent color to maintain visual balance without overwhelming the user. It functions exceptionally well for call-to-action buttons or small illustrative elements that need to convey warm, rustic urgency against clean white backgrounds.
Which colors complement #ab3a3a effectively?
Is #ab3a3a readable on white or black?
#ab3a3a has a 6.18:1 contrast ratio on white and 3.39: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.