Solid Burnt Orange Background #CC5500

Copy CSS snippets
Ready to copy
Adjust the Color
Solid Burnt Orange background details
With hex #CC5500 (rgb(204, 85, 0)), 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.
Burnt Orange, straight from the seventies
No decade owns a color quite the way the 1970s own Burnt Orange. It saturated that era's kitchens, upholstery, and station wagons, and every revival of seventies styling brings it back around. The current wave of retro interiors has restored its reputation: next to walnut, brass, and cream it looks confident rather than dated.
The hex explains why it works. #CC5500 is orange with the volume pulled down and the red pushed up, closer to a glaze on terracotta than to a traffic cone. It photographs beautifully behind ceramics and leather goods, and on a slide it signals warmth without the alarm-bell urgency of true orange.
A palette that works with Burnt Orange
Teal is Burnt Orange's classic complementary partner, and cream, dark brown, and mustard round out the authentic seventies palette it came from.
Quick specs
- HEX
- #CC5500
- RGB
- rgb(204, 85, 0)
- HSL
- hsl(25, 100%, 40%)
- Readable text
- #FFFFFF
background-color: #CC5500;
Where Burnt Orange shines
- Food & beverage photography needing appetizing undertones
- Burnt Orange backgrounds in sports or fitness visuals for energy
- Event flyers where warmth makes typography inviting
Practical tips
- Both dark and light copy read well here—use weight/size to dial in emphasis (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
Burnt Orange background FAQs
Can I download a solid Burnt Orange background?
Yes. This solid burnt orange background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Burnt Orange?
Burnt Orange uses HEX #CC5500 and rgb(204, 85, 0). You can copy both values from this page or adjust the shade before exporting a background image.
Is Burnt Orange better for phone or desktop wallpaper?
Burnt Orange is best when you want a more expressive wallpaper or design backdrop. Use the square and phone presets for social layouts, or the HD and 4K presets for wider screens.
