#5C4830 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
As a dark, muted brown with gray and yellow undertones, #5c4830 gives designs a serious, grounded mood. Its low saturation feels dusty and understated, making it useful for backgrounds, packaging, and vintage branding. Pair it with warm cream or faded blue for contrast. The hex code #5c4830 also supports clear white body text at about 8.7:1 contrast.
Questions about #5c4830
What is #5c4830 in RGB, HSL and CMYK?
In RGB, #5c4830 is rgb(92, 72, 48), in HSL hsl(33, 31%, 27%) and in CMYK 0%, 22%, 48%, 64%. Browse more shades of brown with names and hex codes.
What colors pair well with #5c4830?
Warm cream and faded blue pair well with #5c4830 because they brighten its dusty brown base while adding gentle contrast; navy creates a stronger, more formal counterpoint for headings, accents, or packaging.
Is #5c4830 warm or cool?
#5c4830 reads as a warm brown because its yellow undertone outweighs its grayness, though muted saturation keeps it from feeling reddish or bright and adds visual softness to otherwise dark palettes.
Does #5c4830 work with white text?
Yes, #5c4830 supports strong white-text contrast at about 8.7:1, exceeding the WCAG AA threshold for normal text and making it a practical dark background for readable labels, body copy, and interface elements.
Is #5c4830 readable on white or black?
#5c4830 has a 8.66:1 contrast ratio on white and 2.42: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.