#A00E10 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a00e10 graphic
This deep, saturated maroon feels serious and intense without appearing overly aggressive. Because it carries significant weight and darkness, use #a00e10 as a powerful accent rather than a full page background. It pairs well with cream or light beige tones to soften its natural edge. The hex code is #a00e10, offering enough contrast for readable white text in UI design.

Questions about #a00e10

What is #a00e10 in RGB, HSL and CMYK?
In RGB, #a00e10 is rgb(160, 14, 16), in HSL hsl(359, 84%, 34%) and in CMYK 0%, 91%, 90%, 37%.
What colors pair best with #a00e10?
Because #a00e10 carries such heavy visual weight, it balances beautifully against soft neutrals like cream or beige. These lighter tones prevent the maroon from overwhelming a design while keeping your layout readable and clean for user interfaces.
Is #a00e10 suitable for UI design?
Yes, #a00e10 provides excellent contrast against white text, making it a reliable choice for buttons or headers. However, use it sparingly as an accent rather than a full page background to avoid creating an overly heavy or intense visual experience.
Is #a00e10 readable on white or black?
#a00e10 has a 8.18:1 contrast ratio on white and 2.56: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.