#A8170A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention. Because it carries significant visual weight, #a8170a works best as a 10% accent color rather than a primary background. Pair it with soft, muted greys to ground its aggression, or use it for high-contrast calls to action. The hex code for this powerful, fiery shade is #a8170a.
Questions about #a8170a
What is #a8170a in RGB, HSL and CMYK?
In RGB, #a8170a is rgb(168, 23, 10), in HSL hsl(5, 89%, 35%) and in CMYK 0%, 86%, 94%, 34%.
How can I use #a8170a effectively in a layout?
Treat #a8170a as a high-impact accent color rather than a primary background to avoid overwhelming your viewer. It works best when paired with charcoal or soft neutral backgrounds, providing just enough energy to highlight a specific call to action or important interface element without creating visual fatigue.
Is #a8170a suitable for UI text?
Generally, #a8170a is too bright and lacks sufficient contrast against standard light backgrounds for long-form reading accessibility. It is better suited for decorative elements, icons, or buttons where high visibility is required rather than body text, and you should always check contrast ratios against your specific background color.
Is #a8170a readable on white or black?
#a8170a has a 7.52:1 contrast ratio on white and 2.79: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.