#9E3030 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, brick red carries a serious and grounded mood without feeling aggressive. The hex code #9e3030 offers a warm, terracotta character that works best as a primary accent rather than a full background color. Because it provides high contrast with white text, designers often use it for moody UI elements or bold call-to-action buttons that need to stand out against neutral layouts.
Questions about #9e3030
What is #9e3030 in RGB, HSL and CMYK?
In RGB, #9e3030 is rgb(158, 48, 48), in HSL hsl(0, 53%, 40%) and in CMYK 0%, 70%, 70%, 38%.
What colors pair well with the brick red of #9e3030?
Is #9e3030 suitable for text in user interface design?
While #9e3030 provides excellent contrast against white or light backgrounds, it is often too bold for long-form body text. Use this color primarily for large headings, button states, or decorative UI elements that require a strong visual punch without overwhelming the user.
Is #9e3030 readable on white or black?
#9e3030 has a 7.19:1 contrast ratio on white and 2.91: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.