#A30C0B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense red commands immediate attention. Because of its visual weight, use #a30c0b sparingly as an accent or call-to-action button rather than a large background. It creates a sleek, moody look when paired with dark charcoal grays. White text remains perfectly legible against this shade with an 8.0:1 contrast ratio. The hex code for this powerful color is #a30c0b.
Questions about #a30c0b
What is #a30c0b in RGB, HSL and CMYK?
In RGB, #a30c0b is rgb(163, 12, 11), in HSL hsl(0, 87%, 34%) and in CMYK 0%, 93%, 93%, 36%.
How should I effectively use #a30c0b in a UI design?
Use #a30c0b sparingly because of its intense visual weight. It works best as an accent color for primary action buttons or error states where you need immediate user attention, rather than as a background color for large sections of content.
What colors pair well with #a30c0b for a balanced palette?
This powerful red looks sophisticated when paired with charcoal or deep slate grays, which ground the vibrancy of the red. For a cleaner look, use plenty of negative space and neutral off-whites to let the color stand out without overwhelming the viewer.
Is #a30c0b readable on white or black?
#a30c0b has a 8.03:1 contrast ratio on white and 2.61: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.