#502511 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #502511 graphic
#502511 is a dark, muted brown with warm red and subtle orange undertones. Its low lightness gives designs a serious, grounded mood with a hint of mystery. Use it as a strong background or dominant base for coffee, chocolate, artisan, vintage, and organic branding. White text stays highly legible, with about 13.0:1 contrast. The hex code is #502511.

Questions about #502511

What is #502511 in RGB, HSL and CMYK?
In RGB, #502511 is rgb(80, 37, 17), in HSL hsl(19, 65%, 19%) and in CMYK 0%, 54%, 79%, 69%.
What colors pair well with #502511?
#502511 pairs well with muted sage, dusty blue, cream, and soft terracotta, bringing contrast without harshness while keeping the palette grounded; cream opens the layout, sage adds a natural counterpoint, and terracotta reinforces its warm, handmade character.
How does #502511 perform for white text?
White text on #502511 reaches about 13.0:1 contrast, comfortably exceeding the WCAG AA 4.5:1 threshold for body text and supporting clear small type on backgrounds, labels, buttons, and other interface elements.
Where does #502511 work best in design?
#502511 works best as a dominant background or deep supporting tone for coffee and chocolate packaging, artisan branding, dark interface panels, and vintage editorial layouts, especially with lighter text and warm neutrals. Its low lightness can feel heavy across an entire layout, so use lighter surrounding space to keep compositions open.
Is #502511 readable on white or black?
#502511 has a 13.01:1 contrast ratio on white and 1.61: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.