#332831 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, desaturated magenta with heavy grey undertones, #332831 projects a moody and serious aesthetic. Because it is so muted, use it as a base for dark interface backgrounds or to provide a subtle, non-distracting foundation for high-contrast typography. Pair it with soft cream or pastel accents to avoid appearing too muddy. This hex code works best when used as a neutral supporting element.
Questions about #332831
What is #332831 in RGB, HSL and CMYK?
In RGB, #332831 is rgb(51, 40, 49), in HSL hsl(311, 12%, 18%) and in CMYK 0%, 22%, 4%, 80%.
What color combinations work best with #332831?
Pair #332831 with soft cream or pastel tones to balance its heavy grey undertones without appearing muddy. This creates a refined contrast that prevents the dark magenta from overwhelming your design or looking too flat on screen.
How should #332831 be used in web design?
Use #332831 as a moody, neutral base for dark mode interfaces or as a grounding element for high-contrast typography. Its desaturated nature makes it an excellent choice for backgrounds where you need seriousness without using pure black.
Is #332831 readable on white or black?
#332831 has a 14.10:1 contrast ratio on white and 1.48: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.