#342638 Hex Color

A shadowy and sophisticated muted violet

Hex color #342638 graphic
This dusty, muted violet brings a serious and shadowy mood to digital interfaces. Because it is highly unsaturated and dark, #342638 works best as a primary background color for modern dark mode designs. Pair it with crisp white typography for excellent readability. The hex code #342638 provides enough contrast for comfortable reading, making it a reliable choice for professional, moody branding.

Questions about #342638

What is #342638 in RGB, HSL and CMYK?
In RGB, #342638 is rgb(52, 38, 56), in HSL hsl(287, 19%, 18%) and in CMYK 7%, 32%, 0%, 78%.
What colors pair best with #342638 for UI design?
#342638 works beautifully with crisp white or bone for high-readability text on dark backgrounds. To add a touch of warmth or accent, consider soft highlights like mustard or a dusty rose, which complement its deep, unsaturated undertones without fighting for attention.
Is #342638 suitable for primary button backgrounds?
While #342638 is excellent for deep backgrounds, it is often too dark for a primary button unless paired with a very bright, contrasting call-to-action text. It functions better as a foundational structural color that grounds the rest of your interface elements.
Is #342638 readable on white or black?
#342638 has a 14.18: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.