#31161A Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #31161a graphic
This dusty, near-black red feels serious and moody. Because it is highly unsaturated, #31161a works best as a background foundation for dark UI themes rather than a primary accent. It offers a sophisticated alternative to pure black, providing exceptional contrast for white text. Pair it with soft cream or muted gold to keep the overall aesthetic grounded and readable.

Questions about #31161a

What is #31161a in RGB, HSL and CMYK?
In RGB, #31161a is rgb(49, 22, 26), in HSL hsl(351, 38%, 14%) and in CMYK 0%, 55%, 47%, 81%.
How should #31161a be used in web design?
#31161a functions best as a dark, atmospheric background color that replaces standard black, providing a softer, more grounded feel. It maintains excellent readability when paired with high-contrast text like cream or light neutrals.
What color combinations work well with #31161a?
Pair #31161a with warm, muted metallics like gold or soft beiges to balance its intense, moody nature. This combination keeps your UI from feeling too harsh while maintaining a professional and serious aesthetic throughout the design.
Is #31161a readable on white or black?
#31161a has a 16.66:1 contrast ratio on white and 1.26: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.