#342414 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and somber, #342414 is an unsaturated brown with significant depth. It feels moody and grounded, making it a strong choice for text-heavy UI backgrounds or sophisticated brand palettes. Because of its intense darkness, this hex code provides excellent contrast for white typography. Pair it with soft cream or muted gold to avoid a muddy look. Use it as a dominant base for serious, organic design projects.
Questions about #342414
What is #342414 in RGB, HSL and CMYK?
In RGB, #342414 is rgb(52, 36, 20), in HSL hsl(30, 44%, 14%) and in CMYK 0%, 31%, 62%, 80%.
What colors pair well with #342414 in a design layout?
Is #342414 suitable for text-heavy UI backgrounds?
Yes, #342414 serves as an excellent, non-black alternative for backgrounds in sophisticated interfaces. It offers significant depth and creates a softer, more organic feeling than pure black while still ensuring high readability when paired with white or off-white text.
Is #342414 readable on white or black?
#342414 has a 14.90:1 contrast ratio on white and 1.40: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.