Silver Background
#C0C0C0 · rgb(192, 192, 192)
About the silver background
Silver (#C0C0C0) is a 75% neutral gray and one of the original named CSS colors. Its coolness reads as metallic — think polished aluminum — which is why it anchors so much tech, automotive and jewelry imagery.
As a background it sits slightly darker than light gray, giving white elements a touch more separation while still feeling airy. It's a dependable middle neutral for interfaces, presentations and product pages.
What to use a silver background for
- Tech, automotive and premium product backdrops
- Secondary UI surfaces beneath white content cards
- Metallic accents in gradient 'brushed steel' effects
- Neutral presentation slide backgrounds
How to use silver in CSS
Copy the snippet below, or click any code chip on this page to grab a single value.
/* Full-page silver background */
body {
margin: 0;
background-color: #C0C0C0;
}
/* A single section or element */
.hero {
background-color: rgb(192, 192, 192);
} Silver shades and tints
Click any swatch to copy it. Tints mix silver with white; shades mix it with black.
Silver background FAQ
What hex code is silver?
Silver is #C0C0C0, or rgb(192, 192, 192) — a pure neutral gray at 75% brightness. It's a named CSS keyword, so `background: silver` produces the exact same color.
Does silver look different on every screen?
Any gray can shift with display calibration. Silver's neutrality means it won't shift in hue — only in apparent brightness — making it one of the most predictable background colors across devices.
What is the hex code for silver?
Silver is #C0C0C0 in hexadecimal, rgb(192, 192, 192) in RGB and hsl(0, 0%, 75%) in HSL. Paste #C0C0C0 into any CSS background-color property to use it.
How do I set a silver background in CSS?
Add background-color: #C0C0C0; to any element, or apply it to the whole page: body { background-color: #C0C0C0; margin: 0; }. You can also use the CSS keyword or the rgb() form — rgb(192, 192, 192) — with identical results.