#980D24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, intense red carries a serious, powerful weight. Because it is deep and heavily saturated, the hex code #980d24 works best as a striking accent or a moody, full-page background. White text sits perfectly against this shade with an 8.7:1 contrast ratio, ensuring high legibility for any UI design. Avoid using it alongside overly bright colors, as it prefers soft, neutral companions to ground its natural intensity.
Questions about #980d24
What is #980d24 in RGB, HSL and CMYK?
In RGB, #980d24 is rgb(152, 13, 36), in HSL hsl(350, 84%, 32%) and in CMYK 0%, 91%, 76%, 40%.
How should I use #980d24 in a web interface?
This intense red excels as a powerful accent or a full-page background color where you want to project seriousness. Because it creates an 8.7:1 contrast ratio with white, it is excellent for high-legibility text blocks, avoiding the need for complex color adjustments.
What colors work best alongside #980d24?
Since this deep red is heavily saturated, it pairs best with soft, neutral companions to ground its intensity. Avoid pairing it with overly bright or neon colors, as a creamy off-white or soft charcoal will create a much more sophisticated and balanced visual result.
Is #980d24 readable on white or black?
#980d24 has a 8.68:1 contrast ratio on white and 2.41: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.