#9E371A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This murky red tone carries a heavy, serious weight, bordering on brown. Because #9e371a is quite dark, it functions best as a saturated accent color rather than a large background. It pairs well with creams or soft grays to ground the intensity. White text reads clearly against this shade, making it a reliable choice for buttons or high-contrast UI elements where you need to signal urgency.
Questions about #9e371a
What is #9e371a in RGB, HSL and CMYK?
In RGB, #9e371a is rgb(158, 55, 26), in HSL hsl(13, 72%, 36%) and in CMYK 0%, 65%, 84%, 38%.
How should I effectively use #9e371a in a UI design?
#9e371a functions best as a saturated accent color because of its deep, heavy, and serious weight. Avoid using it for large background areas and instead reserve it for call-to-action buttons or highlights where high contrast against white text is required.
What colors pair well with #9e371a?
This deep tone is best grounded by pairing it with neutral, lighter shades like cream or soft gray. These softer neutrals balance the intensity of the murky red without overwhelming the visual hierarchy of your design.
Is #9e371a readable on white or black?
#9e371a has a 6.96:1 contrast ratio on white and 3.01: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.