#A5011B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A powerful, saturated red with intense depth, #a5011b commands attention instantly. Use this shade as a high-impact accent or CTA button rather than a primary background, as its strength can easily overwhelm a layout. It pairs effectively with cool, desaturated teals or soft creams to balance its heat. White text offers excellent 8.0:1 contrast against this hex code, ensuring high readability for UI elements.
Questions about #a5011b
What is #a5011b in RGB, HSL and CMYK?
In RGB, #a5011b is rgb(165, 1, 27), in HSL hsl(350, 99%, 33%) and in CMYK 0%, 99%, 84%, 35%.
How should #a5011b be used in UI design?
Use #a5011b sparingly as a high-impact accent or for call-to-action buttons rather than as a primary background color. Its intense saturation and heavy depth can easily overwhelm a user interface if used across large surface areas or background sections.
What colors balance the intensity of #a5011b?
Pair #a5011b with cool, desaturated teals or soft, neutral creams to successfully balance its natural heat. These complementary shades help ground the intensity of this red, making it feel deliberate rather than visually jarring when applied to your design layout.
Is #a5011b readable on white or black?
#a5011b has a 8.01:1 contrast ratio on white and 2.62: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.