Skip to content

Silver #c0c0c0

Second place to nothing but gold.

RGB
192, 192, 192
HSL
0°, 0%, 75%
CMYK
0, 0, 0, 25
Luminance
0.5271

About Silver

Silver, #c0c0c0, is gray that claims a metal — brighter than ash, cooler than platinum marketing admits. Like all metallics on screens it is a performance: real silver is a mirror, so digital silver is gray wearing gradients.

History

Silver was money itself for most of civilization — pounds sterling, pieces of eight, the drachma — and photography’s soul: every pre-digital image formed in silver halides. The silver screen named cinema; silver service named refinement.

Psychology

Silver reads sleek, modern and precise — technology’s default metal. Against gold’s tradition it positions as innovation: second in medals, first in minimalism.

In design

Digital silver needs gradient (#e8e8e8 → #c0c0c0 → #8f8f8f) or it reads as plain gray. It pairs with every hue as a neutral highlight, defines automotive and gadget palettes, and frames dark UIs as bezel tones. Never text on light grounds.

In culture

Silver linings, silver tongues, silver spoons, the silver economy: the metal moralizes better than any other. Werewolves respect it; anniversaries reach it at 25.

Brands that own silver

Shades of silver

Every format

HEX#c0c0c0
RGBrgb(192, 192, 192)
HSLhsl(0, 0%, 75%)
CMYKcmyk(0%, 0%, 0%, 25%)
LABlab(77.7 0.0 0.0)
LCHlch(77.7 0.0 180.0)
OKLCHoklch(0.808 0.000 89.9)

Copy-ready code

/* CSS */
color: #c0c0c0;
background-color: #c0c0c0;
/* Tailwind (arbitrary) */
class="text-[#c0c0c0] bg-[#c0c0c0]"
/* SCSS */
$brand: #c0c0c0;
/* SwiftUI */
Color(red: 0.753, green: 0.753, blue: 0.753)
/* Android */
Color.parseColor("#c0c0c0")

Accessibility — WCAG contrast

Aa
#c0c0c0 on white: 1.82:1
AA ✗ fail · AA-large · AAA
Aa
#c0c0c0 on black: 11.54:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red75.3%
Green75.3%
Blue75.3%

CMYK percentages

Cyan0.0%
Magenta0.0%
Yellow0.0%
Key (black)24.7%

Color previews

#c0c0c0 text on a black background

contrast 11.54:1

Card sample

#c0c0c0 text on a white background

contrast 1.82:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #c0c0c0;
Background color
Panel with #c0c0c0 background
background-color: #c0c0c0;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #c0c0c0;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(192, 192, 192, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(192, 192, 192, 0.45);
Border & gradient
Gradient panel
border: 3px solid #c0c0c0;
background: linear-gradient(135deg, #c0c0c0, #C0C0C0);

Monochromatic scale

Palettes built from #c0c0c0

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Silver, answered

What is the hex code for silver?

CSS silver is #c0c0c0. Metallic renders gradient it: highlight ~#e8e8e8, shadow ~#8f8f8f; platinum sits warmer at #e5e4e2.

Why does silver look gray on screen?

Real silver is reflective — its identity is the environment it mirrors. Flat pixels can only show gray; gradients and specular highlights fake the reflection.

Silver vs platinum vs chrome?

Platinum is lighter and warmer, chrome is bluer and glossier, silver sits between — the generalist metallic.

Work with #c0c0c0 in the Color Lab