Silver Color

About silver

#C0C0C0 is the CSS named color silver, one of the original 16 HTML colors. On a screen it is simply a light gray: all three channels at 192.

Like gold, silver only looks metallic through light and shadow. A gradient from near-white through silver to a darker gray, such as dimgray (#696969), suggests a brushed-metal surface. In print, a real metallic look needs metallic ink or foil.

#C0C0C0 is the value of the CSS named color silver, defined in the CSS Color specification and identical in every browser.

Other colors called silver

• Dark gray (CSS) #A9A9A9A darker gray for metallic shading.Copy

Silver shades and tints

Shades mix silver with black, tints mix it with white — useful for hover states, borders and backgrounds. Click a swatch to copy its HEX code.

Colors that go with silver

Silver is a neutral with no hue, so it has no complementary or triadic colors of its own. Neutrals go with almost any color — pick an accent in the color wheel or the palette generator.

Silver contrast and readability

On a silver background, black text reads best (11.54:1). Here is how silver works as a text color:

Silver works for borders, icons and backgrounds with dark text. It is too light for text on white.

Using silver in CSS and HTML

:root {
  --color-silver: #C0C0C0;
}

.highlight {
  background-color: var(--color-silver);
}

.banner {
  background-color: silver;
  color: #000000;
}

.label {
  color: #C0C0C0;
  border: 2px solid rgb(192, 192, 192);
}

<p style="background-color: #C0C0C0; color: #000000;">
  Silver background
</p>