#A31324 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a31324 is a strong, saturated red with enough depth to feel serious rather than flashy. Because it carries significant visual weight, use this hex code as an accent color rather than a large background to avoid overwhelming the viewer. It pairs well with slate grays or muted creams. White text remains perfectly legible against this shade, making it a reliable choice for call-to-action buttons.
Questions about #a31324
What is #a31324 in RGB, HSL and CMYK?
In RGB, #a31324 is rgb(163, 19, 36), in HSL hsl(353, 79%, 36%) and in CMYK 0%, 88%, 78%, 36%.
How should I use #a31324 in UI design?
Because #a31324 carries significant visual weight, use it sparingly as an accent for call-to-action buttons or focal points rather than large backgrounds. It remains highly legible against light backdrops, ensuring your design elements stand out without overwhelming the user interface.
What colors pair well with #a31324?
Is #a31324 readable on white or black?
#a31324 has a 7.84:1 contrast ratio on white and 2.67: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.