Solid Olive Green Background #708238
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Olive Green background details
With hex #708238 (rgb(112, 130, 56)), this versatile mid-tone yellow tone sits around 75° 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.
Olive Green or Olive? The Undertones Differ
Compare this shade with the CSS color olive and the difference is instructive: olive (#808000) is a dark yellow with no blue at all, while olive green (#708238) admits a little blue and pushes green ahead of red. The result reads as foliage rather than mustard — closer to the fruit's skin than to the tapenade.
That leafiness makes olive green easier to live with than true olive. It grounds outdoor and utility-inspired palettes, supports rust and tan the way autumn colors support each other, and works as a matte backdrop for menswear and cosmetics photography. Under white or cream type it stays legible at sizes where brighter greens start to glare.
A palette that works with Olive Green
Rust and tan sit beside olive green on the autumn spectrum of field jackets and fallen leaves, and charcoal sharpens the trio for modern layouts.
Quick specs
- HEX
- #708238
- RGB
- rgb(112, 130, 56)
- HSL
- hsl(75, 40%, 36%)
- Readable text
- #FFFFFF
background-color: #708238;
Where Olive Green shines
- Bold CTA banners where warmth improves click-through
- Olive Green wallpapers for devices in need of a cheerful lift
- Highlight blocks or cards that need quick visual priority
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.
Popular solid background pages
Olive Green background FAQs
Can I download a solid Olive Green background?
Yes. This solid olive green background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Olive Green?
Olive Green uses HEX #708238 and rgb(112, 130, 56). You can copy both values from this page or adjust the shade before exporting a background image.
Is Olive Green better for phone or desktop wallpaper?
Olive Green 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.