#362E22 Hex Color

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

Hex color #362e22 graphic
This ink-like brown is nearly black, offering a heavy, grounding presence for moody or minimalist interfaces. Because it is so muted and dark, it functions best as a background color rather than for fine text. Pair #362e22 with soft, warm creams or copper accents to balance its serious, earthy character. The hex code for this desaturated, dusty tone is #362e22.

Questions about #362e22

What is #362e22 in RGB, HSL and CMYK?
In RGB, #362e22 is rgb(54, 46, 34), in HSL hsl(36, 23%, 17%) and in CMYK 0%, 15%, 37%, 79%. Browse more shades of black with names and hex codes.
What colors work best with #362e22 in a design layout?
Soft, warm creams and metallic copper accents provide the best balance for #362e22. These lighter, warmer tones prevent the deep, ink-like brown from feeling too heavy while maintaining a professional and serious aesthetic for your interface backgrounds.
Is #362e22 suitable for body text on a website?
Because #362e22 is a very dark, desaturated shade that approaches black, it is generally safer for large background elements rather than fine text. If you must use it for type, ensure it is set at a large font size for readability.
Is #362e22 readable on white or black?
#362e22 has a 13.36:1 contrast ratio on white and 1.57: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.