#522A07 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, muted brown carries a heavy, serious character. Because of its low-light, desaturated nature, #522a07 functions best as a grounding base rather than a primary shade. It pairs well with creams or soft sages to cut through the gloom. With a high contrast ratio, this hex code supports readable white body text, making it a reliable choice for dark mode UI designs.
Questions about #522a07
What is #522a07 in RGB, HSL and CMYK?
In RGB, #522a07 is rgb(82, 42, 7), in HSL hsl(28, 84%, 17%) and in CMYK 0%, 49%, 91%, 68%.
How should I use #522a07 in a web design interface?
This deep brown works best as a grounding background or text color for dark mode layouts. Because of its high contrast ratio, white text remains crisp and readable against this dark, moody base without feeling as harsh as solid black.
What colors pair well with #522a07 for a professional palette?
To cut through the gloom of this heavy brown, pair it with soft, muted tones like sage or light, warm creams. These lighter colors provide necessary relief while keeping the overall aesthetic professional, earthy, and sophisticated.
Is #522a07 readable on white or black?
#522a07 has a 12.40:1 contrast ratio on white and 1.69: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.