Silver Color

Learn about Silver (#c0c0c0): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#c0c0c0
HEX #c0c0c0
RGB rgb(192, 192, 192)
HSL 0°, 0%, 75%

About Silver Color

Silver is a sleek, modern neutral that works well for premium UI elements and tech products. It evokes precision and innovation.

Use Cases for Silver

premium backgroundstech productsmodern cardsmetalic UIsleek designs

Shades & Tints of Silver

#ffffff
#efefef
#e0e0e0
#d0d0d0
#c0c0c0
#909090
#606060
#303030
#000000

Complementary Color

#c0c0c0
#bfbfbf

Analogous Colors

#bfbfbf
#c0c0c0
#bfbfbf

CSS Code

.silver-color {
  color: #c0c0c0;
}

Contrast Recommendations

Black text on Silver
Ratio: 11.54:1 ✓ Passes AA ✓ Passes AAA
White text on Silver
Ratio: 1.82:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Silver?

Silver is represented by the hex code #c0c0c0 and has RGB values of rgb(192, 192, 192). It falls under the Gray category.

How to use Silver in web design?

Silver works well for premium backgrounds, tech products, modern cards. Silver is a sleek, modern neutral that works well for premium UI elements and tech products. It evokes precision and innovation. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Silver?

Colors that pair well with Silver include lightgray, gainsboro, whitesmoke, darkgray, gray. For a complementary scheme, try #bfbfbf. For an analogous scheme, use #bfbfbf and #bfbfbf.