Solid Brown Background #8B4513
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Brown background details
With hex #8B4513 (rgb(139, 69, 19)), this versatile mid-tone orange tone sits around 25° on the color wheel. Its bold, saturated appearance reads as energetic and optimistic on screen. Use the values and preview above to test it in the layout where it will actually appear.
What plain Brown does that greige cannot
Web palettes know #8B4513 by a more specific name: it is the classic saddle brown of the X11 set, and the saddlery reference is apt. This is leather brown through and through, carrying a red-orange undertone and medium depth, with none of the gray that mutes taupe or the yellow that lightens tan into something politer.
Designers often skip strong browns in favor of safer greiges, which is exactly why this one stands out when used with conviction. It grounds food photography, gives craft and heritage brands instant material warmth, and as a backdrop it makes metallics and creams look expensive rather than stark. Few colors say handmade quite as directly.
A palette that works with Brown
Cream and tan continue the leather-and-parchment palette, forest green adds the classic countryside contrast, and burnt orange amplifies the red already inside the brown.
Quick specs
- HEX
- #8B4513
- RGB
- rgb(139, 69, 19)
- HSL
- hsl(25, 76%, 31%)
- Readable text
- #FFFFFF
background-color: #8B4513;
Where Brown shines
- Food & beverage photography needing appetizing undertones
- Brown backgrounds in sports or fitness visuals for energy
- Event flyers where warmth makes typography inviting
Practical tips
- Stick with off-white (#F5F5F5) or pure white typography for clarity (the Copy RGB/HEX buttons above make it easy to grab the exact values).
- Use the adjustment sliders to nudge the hue when you need a complementary accent.
- The download tool exports PNG/JPEG files up to 7680×7680, so you can drop the color straight into mockups or presentations.
Related shades
Popular solid background pages
Brown background FAQs
Can I download a solid Brown background?
Yes. This solid brown background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Brown?
Brown uses HEX #8B4513 and rgb(139, 69, 19). You can copy both values from this page or adjust the shade before exporting a background image.
Is Brown better for phone or desktop wallpaper?
Brown is especially useful for desktop wallpapers, OLED-friendly screens, presentation backdrops, and low-distraction setups. The phone preset also works well for a darker lock screen.