#564F48 Hex Color

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

Hex color #564f48 graphic
#564f48 is a dark, ashy brown that leans close to grey. With its low saturation and deep value, this hex code reads grounded and serious, a good fit for coffee, tobacco, and artisan branding. It works best as a dominant base in dark UI or moody palettes, flattered by cream or muted sage accents. White text on #564f48 clears WCAG AA at about 8.1:1.

Questions about #564f48

What is #564f48 in RGB, HSL and CMYK?
In RGB, #564f48 is rgb(86, 79, 72), in HSL hsl(30, 9%, 31%) and in CMYK 0%, 8%, 16%, 66%.
What colors pair well with #564f48?
Cream, bone, and muted sage bring out the warmth in #564f48, while a soft terracotta accent adds contrast without clashing. Skip bright saturated colors, since they overpower its muted character.
Is #564f48 readable on white or black?
#564f48 has a 8.05:1 contrast ratio on white and 2.60: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.