Solid Dark Brown Background #654321
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Dark Brown background details
With hex #654321 (rgb(101, 67, 33)), this deep, low-light orange tone sits around 30° on the color wheel. Its balanced appearance reads as sun-washed and friendly on screen. Use the values and preview above to test it in the layout where it will actually appear.
Dark Brown's Countdown Hex Code
Read this hex code aloud: #654321. The digits count straight down, a numerical coincidence that happens to land on a completely convincing chocolate brown. Whoever first noticed it handed designers the easiest brown to memorize in the entire RGB space, with red roughly triple the blue to keep the warmth honest.
Beyond the party trick, Dark Brown is a workhorse. It substitutes for black in earthy palettes without the harshness, grounds cream and tan schemes the way espresso anchors a coffee menu, and gives leather, wood, and paper textures a shared foundation. On screen it makes a softer dark mode than neutral grays for reading-focused apps and menus.
A palette that works with Dark Brown
Cream and tan are the natural light and midtone partners for a brown this deep, while sage and copper add color the way plants and hardware furnish a wood-paneled room.
Quick specs
- HEX
- #654321
- RGB
- rgb(101, 67, 33)
- HSL
- hsl(30, 51%, 26%)
- Readable text
- #FFFFFF
background-color: #654321;
Where Dark Brown shines
- Food & beverage photography needing appetizing undertones
- Dark 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
Dark Brown background FAQs
Can I download a solid Dark Brown background?
Yes. This solid dark 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 Dark Brown?
Dark Brown uses HEX #654321 and rgb(101, 67, 33). You can copy both values from this page or adjust the shade before exporting a background image.
Is Dark Brown better for phone or desktop wallpaper?
Dark 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.