gray · muted · light

#c0c0c0SilverSilver is a muted gray — complete hex color profile

What is color #c0c0c0?

The color Silver (#c0c0c0) belongs to the gray family and reads as architectural. It sits at 0° on the color wheel with 0% saturation.

Designers in entertainment and automotive often reach for this light gray when they want to communicate restraint.

#c0c0c0 sits at a crossroads between energy and restraint on the color wheel. To deploy it effectively, pair it with a soft neutral to let it breathe or contrast it sharply with #c0c0c0.

Conversions for #c0c0c0

HEX
#c0c0c0
RGB
192, 192, 192
HSL
0°, 0%, 75%
HSV
0°, 0%, 75%
CMYK
0%, 0%, 0%, 25%
XYZ
50.10, 52.71, 57.40
CIE-Lab
77.70, 0.00, -0.01
Web safe
#cccccc

WCAG accessibility of #c0c0c0 (Silver)

On white
1.82 : 1
Sample #c0c0c0
Rating: Fail
On black
11.54 : 1
Sample #c0c0c0
Rating: AAA

Tones of Silver (desaturated variations of #c0c0c0)

#c0c0c0
#c0c0c0
#c0c0c0
#c0c0c0
#c0c0c0
#c0c0c0
#c0c0c0
#c0c0c0
#c0c0c0
#c0c0c0
#c0c0c0

Color harmonies for #c0c0c0

Colors similar to #c0c0c0

Gradients featuring #c0c0c0

Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous

UI elements in #c0c0c0

Buttons
NewFeaturedBeta
Notification

Short description with accent.

"Color awakens a specific emotional response."

Typography in #c0c0c0

The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?

Body text rendered in #c0c0c0.

const color = "#c0c0c0";

CSS & Tailwind snippets for #c0c0c0

Background
.bg-c0c0c0 { background-color: #c0c0c0; }
Text color
.text-c0c0c0 { color: #c0c0c0; }
Border
.border-c0c0c0 { border: 1px solid #c0c0c0; }
Box shadow
.shadow-c0c0c0 { box-shadow: 0 4px 14px #c0c0c040; }
CSS variable
:root { --color-c0c0c0: #c0c0c0; }
Tailwind config
colors: {
  'silver': '#c0c0c0',
}

Frequently asked questions about #c0c0c0

Explore named gray colors