#A52E45 Hex Color

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

Hex color #a52e45 graphic
#a52e45 is a dense, brick-like red with an intense saturation that commands immediate attention. Because of its darkened, earthy character, it works best as an accent color rather than a large background block. Pair this hex code with soft, creamy off-whites to maintain readable contrast, as it can feel overwhelming in excess. It brings a grounded, urgent warmth to rustic branding or moody UI layouts.

Questions about #a52e45

What is #a52e45 in RGB, HSL and CMYK?
In RGB, #a52e45 is rgb(165, 46, 69), in HSL hsl(348, 56%, 41%) and in CMYK 0%, 72%, 58%, 35%.
How should I use #a52e45 in UI design?
#a52e45 works best as a targeted accent color rather than a large background block due to its high saturation. Use it for call-to-action buttons or highlights against neutral backgrounds to ensure the interface feels grounded and readable.
What colors pair well with #a52e45?
This brick red pairs effectively with soft, creamy off-whites or cream to maintain necessary contrast without overwhelming the eye. For a balanced, moody palette, consider pairing it with a deep charcoal or desaturated neutral.
Is #a52e45 readable on white or black?
#a52e45 has a 6.82:1 contrast ratio on white and 3.07: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.