#31101E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely dark, desaturated mauve carries a heavy, moody weight. Because it sits so close to black, #31101e works best as a sophisticated base or a dramatic dark mode background. It provides exceptional contrast for white type, maintaining readability even at small sizes. Pair this shade with soft cream or muted gold to cut its inherent gloom and add a touch of warmth.
Questions about #31101e
What is #31101e in RGB, HSL and CMYK?
In RGB, #31101e is rgb(49, 16, 30), in HSL hsl(335, 51%, 13%) and in CMYK 0%, 67%, 39%, 81%.
Does #31101e work well for web text?
While #31101e provides excellent contrast against white backgrounds, it is usually too dark to be readable as body text. Instead, use it as a dramatic background color to make white or light cream typography pop.
What colors pair best with #31101e?
To cut the gloom of #31101e, pair it with soft, warm neutrals like cream or muted metallic gold. These lighter accents create a balanced visual hierarchy, preventing the deep mauve from feeling too heavy or oppressive.
Is #31101e readable on white or black?
#31101e has a 17.16:1 contrast ratio on white and 1.22: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.