Solid Beige Background #F5F5DC

Copy CSS snippets
Ready to copy
Adjust the Color
Solid Beige background details
With hex #F5F5DC (rgb(245, 245, 220)), this airy, high-key yellow tone sits around 60° on the color wheel. Its balanced 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.
Beige, from undyed wool to quiet luxury
Beige began as a French textile term for wool in its natural, undyed state — the color of fabric before anyone spent money on it. That origin still defines its character: unforced, unpretentious, and impossible to date.
The color has swung between mockery and reverence. The beige-box era of 1990s computing made it shorthand for boring; two decades later, the quiet-luxury and Scandinavian-interior movements rebuilt entire identities on layered beiges, creams, and greiges.
As a background, beige is the warmest way to be neutral. It softens harsh product edges, flatters wood and skin tones, and photographs like linen rather than plastic — use it where white feels sterile.
A palette that works with Beige
Beige builds best in warm layers — browns, olives, and clay tones rather than sharp contrasts.
Quick specs
- HEX
- #F5F5DC
- RGB
- rgb(245, 245, 220)
- HSL
- hsl(60, 56%, 91%)
- Readable text
- #111111
background-color: #F5F5DC;
Where Beige shines
- Bold CTA banners where warmth improves click-through
- Beige 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
Collections with Beige
Beige background FAQs
Can I download a solid Beige background?
Yes. This solid beige background is available as free PNG and JPEG downloads for HD desktop, 4K, phone, square, and custom sizes.
What is the HEX code for Beige?
Beige uses HEX #F5F5DC and rgb(245, 245, 220). You can copy both values from this page or adjust the shade before exporting a background image.
Is Beige better for phone or desktop wallpaper?
Beige works well for bright phone wallpapers, clean desktop backgrounds, social graphics, and slides where dark text needs to stay readable.
