#A31E26 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a31e26 is a strong, saturated brick red with serious, grounded energy. Because it is quite dark, avoid using it as a full background where it can feel gloomy. Instead, use this shade as a high-impact accent color for calls to action or buttons. It pairs well with crisp white text, which offers excellent readability and contrast for modern interfaces.
Questions about #a31e26
What is #a31e26 in RGB, HSL and CMYK?
In RGB, #a31e26 is rgb(163, 30, 38), in HSL hsl(356, 69%, 38%) and in CMYK 0%, 82%, 77%, 36%.
How should I use #a31e26 in my interface designs?
#a31e26 works best as a deliberate, high-impact accent color for interactive elements like buttons, call-to-action links, or warning states. Because it is quite dark and heavy, using it for large backgrounds often overwhelms the user experience.
What colors pair well with #a31e26?
This brick red relies on high-contrast partners to maintain readability, so it pairs exceptionally well with crisp white text. To create a balanced palette, consider using neutral complements like charcoal for text or soft greys to ground the overall layout.
Is #a31e26 readable on white or black?
#a31e26 has a 7.57:1 contrast ratio on white and 2.77: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.