#362722 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty brown carries heavy, near-black red undertones that feel serious and mysterious. With its extremely low lightness, #362722 works best as a moody background or a grounding dark base in a UI. Avoid using it for fine detail, as it can appear muddy at small scales. White text stands out well against this hex code, providing sharp, readable contrast for high-impact dark mode designs.
Questions about #362722
What is #362722 in RGB, HSL and CMYK?
In RGB, #362722 is rgb(54, 39, 34), in HSL hsl(15, 23%, 17%) and in CMYK 0%, 28%, 37%, 79%.
How should I use #362722 in a UI design?
Use #362722 as a grounding background for dark-themed interfaces where you need serious, moody depth without the harshness of pure black. Pair it with soft cream or warm white text to maintain high readability while keeping the aesthetic natural and understated.
Which colors pair best with #362722?
Because of its near-black red undertones, #362722 pairs best with desaturated tones that avoid clashing with its warmth. It creates a sophisticated look when matched with muted gold or dusty sage, providing just enough contrast to elevate the brown without overwhelming it.
Is #362722 readable on white or black?
#362722 has a 14.28:1 contrast ratio on white and 1.47: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.