#A31411 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands attention with its dark, serious undertones. Because #a31411 is so aggressive, it works best as a 10% accent rather than a dominant background. Pair it with soft, cool greys to neutralize its heat without losing impact. White text offers the highest readability against this hex code, ensuring your call-to-action buttons or alerts stand out effectively in any interface.
Questions about #a31411
What is #a31411 in RGB, HSL and CMYK?
In RGB, #a31411 is rgb(163, 20, 17), in HSL hsl(1, 81%, 35%) and in CMYK 0%, 88%, 90%, 36%.
How should I use #a31411 in my design?
Use #a31411 sparingly as a high-impact accent color for buttons or alerts. Because it is so saturated, it can overwhelm a layout if used for backgrounds, so pair it with neutral cool grays to maintain visual balance and readability.
What text color works best against #a31411?
White text provides the highest contrast and readability when placed against #a31411. Since this red is quite dark and intense, light or off-white text ensures your call-to-action or notification remains legible to all users without causing eye strain.
Is #a31411 readable on white or black?
#a31411 has a 7.87:1 contrast ratio on white and 2.66: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.