Solid Khaki Background #F0E68C
Copy CSS snippets
Ready to copy
Adjust the Color
Solid Khaki background details
With hex #F0E68C (rgb(240, 230, 140)), this versatile mid-tone yellow tone sits around 54° 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.
Khaki: A Color Named After Dust
Dust gave khaki its name — the word comes from the Persian and Urdu khak, meaning dust or earth, and it entered English through nineteenth-century military uniforms meant to blend into dry terrain. The web's khaki tells a different story: #F0E68C is far lighter and yellower than any fatigue fabric, closer to pale straw than to a desert road.
Treat this digital khaki as a sunny neutral rather than a military one. It backs earthy palettes without the weight of gold, and it sits naturally beside olive and deep brown, colors that share its yellow base. On slide decks and mood boards it warms a layout the way unbleached linen warms a room, quietly and without demanding attention.
A palette that works with Khaki
Olive and dark brown share khaki's earthy yellow base, while navy and cream supply the crisp contrast those muted tones need to stay awake.
Quick specs
- HEX
- #F0E68C
- RGB
- rgb(240, 230, 140)
- HSL
- hsl(54, 77%, 75%)
- Readable text
- #111111
background-color: #F0E68C;
Where Khaki shines
- Bold CTA banners where warmth improves click-through
- Khaki wallpapers for devices in need of a cheerful lift
- Highlight blocks or cards that need quick visual priority
Practical tips
- Pair it with charcoal or #111111 text to maintain WCAG contrast (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
Khaki background FAQs
Can I download a solid Khaki background?
Yes. This solid khaki background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Khaki?
Khaki uses HEX #F0E68C and rgb(240, 230, 140). You can copy both values from this page or adjust the shade before exporting a background image.
Is Khaki better for phone or desktop wallpaper?
Khaki 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.