#582F0E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, unsaturated brown feels solid and grounded. Because of its low lightness, #582f0e can turn muddy if overused as a full page background. It works better as a robust accent or a moody supporting tone for branding. White text stands out sharply against this shade, making it a reliable choice for high-contrast, text-heavy layouts that need a serious, organic feel.
Questions about #582f0e
What is #582f0e in RGB, HSL and CMYK?
In RGB, #582f0e is rgb(88, 47, 14), in HSL hsl(27, 73%, 20%) and in CMYK 0%, 47%, 84%, 65%.
What colors pair well with the brown shade #582f0e?
How should I use #582f0e in interface design without it looking muddy?
Avoid using #582f0e as a large, flat background, which can drain energy from your interface. Instead, reserve this deep brown for footer sections, secondary navigation bars, or as a dark, reliable text color on light backgrounds to anchor your content.
Is #582f0e readable on white or black?
#582f0e has a 11.48:1 contrast ratio on white and 1.82: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.