#5F3F14 Hex Color

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

Hex color #5f3f14 graphic
#5f3f14 is a dark, unsaturated brown with distinct dusty and ashy undertones. This earthy tone provides high contrast when paired with white, making it a reliable choice for text or structural backgrounds. Because it carries a moody, vintage weight, use this hex code sparingly as an accent color rather than a dominant base to avoid making designs look muddy or closed in.

Questions about #5f3f14

What is #5f3f14 in RGB, HSL and CMYK?
In RGB, #5f3f14 is rgb(95, 63, 20), in HSL hsl(34, 65%, 23%) and in CMYK 0%, 34%, 79%, 63%.
How should I use #5f3f14 in a design layout?
Use #5f3f14 primarily as an accent color for borders, thin text, or subtle graphic elements to maintain a clean aesthetic. Because it is a deep, moody tone, applying it to large background areas can often make a digital space feel enclosed or muddy.
What colors pair well with the dark #5f3f14?
This earthy brown pairs effectively with high-contrast, clean neutrals like crisp white or light cream to keep designs legible. For a more sophisticated, nature-inspired palette, consider combining #5f3f14 with a muted sage green or a soft, dusty terracotta to highlight its vintage character.
Is #5f3f14 readable on white or black?
#5f3f14 has a 9.51:1 contrast ratio on white and 2.20: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.