#523E30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
An ashy, desaturated brown, #523e30 carries a somber and grounded weight. Because this shade is quite dark, it functions best as a dominant base for moody brand palettes or high-contrast UI designs. While white text pops against it with excellent readability, the color can easily turn muddy in busy layouts. Use it sparingly to provide serious, reliable structure rather than filling large, empty spaces.
Questions about #523e30
What is #523e30 in RGB, HSL and CMYK?
In RGB, #523e30 is rgb(82, 62, 48), in HSL hsl(25, 26%, 25%) and in CMYK 0%, 24%, 41%, 68%.
What colors pair best with #523e30?
Where should I use the #523e30 color?
Use #523e30 sparingly for serious, reliable structure in UI designs rather than as a primary background color. It works best as a grounding element in moody branding or as a solid, readable footer color that anchors the entire visual layout.
Is #523e30 readable on white or black?
#523e30 has a 10.04:1 contrast ratio on white and 2.09: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.