CSS Color: Silver

Named CSS color Silver #C0C0C0 in HEX, rgb(192, 192, 192) in RGB, hsl(0, 0%, 75%) in HSL.

SilverGray

Color Values

FormatValueCSS Usage
NamedSilvercolor: Silver;
HEX#C0C0C0color: #C0C0C0;
RGBrgb(192, 192, 192)color: rgb(192, 192, 192);
HSLhsl(0, 0%, 75%)color: hsl(0, 0%, 75%);

About Silver

Silver is a light gray that represents the HTML color keyword used since the earliest days of the web. At hex `#C0C0C0`, all three RGB channels are equal at 192 with zero saturation and 75% lightness.

In web design, Silver is used for borders, dividers, disabled text, and subtle background differentiation. It is light enough to be unobtrusive while providing clear visual separation between elements. Silver backgrounds can differentiate content sections without the weight of darker grays.

For accessibility, Silver against white achieves only about 1.8:1 contrast, making it unsuitable for text on white backgrounds. Against dark backgrounds, it provides good readability. As a border or separator color, its low contrast is actually a benefit — it creates gentle division without harsh lines.

Silver pairs with everything as a light neutral. It is particularly effective in minimalist designs alongside one or two accent colors. In Tailwind CSS, `gray-300` or `zinc-300` are close matches for this classic light gray.

FAQ

What is the hex code for Silver?

The CSS named color Silver has the hex code #C0C0C0. You can use it in CSS as color: #C0C0C0; or simply color: Silver;.

What is Silver in RGB?

In RGB notation, Silver is rgb(192, 192, 192). Use it in CSS as color: rgb(192, 192, 192);.

What is Silver in HSL?

In HSL notation, Silver is hsl(0, 0%, 75%). Use it in CSS as color: hsl(0, 0%, 75%);.

What color category is Silver?

Silver belongs to the Gray color family in the CSS named colors specification.

Can I use the name "Silver" directly in CSS?

Yes. All modern browsers support CSS named colors. You can write color: Silver; or background-color: Silver; directly in your stylesheet. Named colors are case-insensitive.

Try in Color Converter

Convert Silver to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.

Open Color Converter →