#503A20 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#503a20 is a dim, unsaturated brown with earthy, dusty undertones. Because it is quite dark, this hex code works best as a moody background or a grounding neutral for branding. Pair it with soft creams or muted golds for a vintage look, rather than harsh whites. It provides high contrast for white text, ensuring excellent readability for body content in dark mode interfaces.
Questions about #503a20
What is #503a20 in RGB, HSL and CMYK?
In RGB, #503a20 is rgb(80, 58, 32), in HSL hsl(33, 43%, 22%) and in CMYK 0%, 28%, 60%, 69%.
What color combinations work best with #503a20?
The deep, muted nature of #503a20 pairs best with soft, creamy off-whites or muted golds to maintain a vintage aesthetic without creating harsh visual tension. Avoid bright, saturated colors which may clash with its dusty, unsaturated character.
Is #503a20 suitable for body text?
While #503a20 offers a sophisticated look, it is too dark for standard body text on most backgrounds. Instead, use this shade as a grounding background element or a moody accent color to support white or light-colored typography for better readability.
Is #503a20 readable on white or black?
#503a20 has a 10.67:1 contrast ratio on white and 1.96: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.