#A54A57 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This brick red brings a grounded, rustic warmth to design projects. Because it is somewhat unsaturated and mellow, it works well as a supporting tone rather than a high-energy focal point. The hex code for this color is #a54a57. It pairs effectively with cool slate blues to balance its inherent warmth. White text remains readable against this shade, making it a reliable choice for accessible UI components.
Questions about #a54a57
What is #a54a57 in RGB, HSL and CMYK?
In RGB, #a54a57 is rgb(165, 74, 87), in HSL hsl(351, 38%, 47%) and in CMYK 0%, 55%, 47%, 35%.
How can I balance the warmth of #a54a57 in a UI design?
This brick red carries strong warmth that can easily overwhelm a layout if used as a primary background. Pair #a54a57 with cool, desaturated tones like slate blue or cool grey to provide visual equilibrium and maintain a balanced, professional hierarchy.
Is #a54a57 readable on white or black?
#a54a57 has a 5.64:1 contrast ratio on white and 3.71: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.