#5F5621 Hex Color

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

Hex color #5f5621 graphic
This dark, muted yellow carries a dusty, olive-toned quality that feels grounded and somber. Because it is unsaturated, it functions best as a moody background or a heavy texture for nature-themed branding. The hex code for this color is #5f5621. While it can appear muddy in isolation, it offers excellent readability with white text, providing a high contrast of 7.4:1 for UI elements.

Questions about #5f5621

What is #5f5621 in RGB, HSL and CMYK?
In RGB, #5f5621 is rgb(95, 86, 33), in HSL hsl(51, 48%, 25%) and in CMYK 0%, 9%, 65%, 63%.
How can I use #5f5621 in web design?
#5f5621 functions best as a sophisticated, dark background color for nature-themed interfaces or landing pages. Because it maintains a high contrast ratio of 7.4:1 against white text, it ensures excellent accessibility for body copy or UI elements while feeling more organic than standard black or gray.
What colors pair well with #5f5621?
This muted olive pairs beautifully with cream or light beige to soften its somber nature, or with a deep charcoal for a high-contrast, serious aesthetic. You can also introduce a muted terracotta to create an earthy, balanced palette that feels grounded.
Is #5f5621 readable on white or black?
#5f5621 has a 7.39:1 contrast ratio on white and 2.83: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.