Silver

#C4C4C4

What color is Silver?

Silver is a pale, metallic gray with a cool, reflective quality, hex #C4C4C4, similar in tone to polished river stone. It reads lighter and softer than charcoal but carries a subtle shine that sets it apart from flat gray.

What is the meaning of the color Silver?

Old English used the word seolfor to name both the metal and its color, making silver one of the oldest color terms in the language. The metal itself was traded across Europe and the Middle East as early as 3000 BCE, and its appearance became associated with value, precision, and clarity. By the 20th century, those associations shaped industrial and product design, particularly in automotive styling, where silver became the most popular car color in Europe and North America through the 1990s and 2000s. Porsche’s silver racing livery, dating to the German Grand Prix victories of the 1930s, remains one of the most documented examples of a color anchored to a specific competitive identity.

RGB
196, 196, 196
HSL
0°, 0%, 77%
CMYK
0, 0, 0, 23
HSV
0°, 0%, 77%
Silver color

What colors go with Silver?

Colors that pair well with Silver include:
Navy Blue: sharp, elegant contrast
White: clean, minimal pairing
Black: bold, high-contrast anchor
Soft Lavender: gentle, cool harmony
Deep Emerald: rich, jewel-toned depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C4C4C4 color: #C4C4C4;
RGB 196, 196, 196 color: rgb(196, 196, 196);
RGB Percentage 77%, 77%, 77% color: rgb(77%, 77%, 77%);
CMYK 0%, 0%, 0%, 23% Not supported in CSS
HSL 0°, 0%, 77% color: hsl(0, 0%, 77%);
HSV 0°, 0%, 77% Not supported in CSS
CIE-LAB 62, 0, 0 color: lab(62% 0 0);
Decimal 12895428 Not supported in CSS

Color Variations

Shades

#C4C4C4
#B1B1B1
#9D9D9D
#898989
#767676
#626262
#4F4F4F
#3B3B3B

Tints

#EDEDED
#E8E8E8
#E2E2E2
#DCDCDC
#D6D6D6
#D0D0D0
#CACACA
#C4C4C4

Tones

#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4

Hues

#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4
#C4C4C4

Color Harmonies

Analogous

#C4C4C4
Click to copy
#C4C4C4
Click to copy
#C4C4C4
Click to copy

Complementary

#C4C4C4
Click to copy
#C4C4C4
Click to copy

Split Complementary

#C4C4C4
Click to copy
#C4C4C4
Click to copy
#C4C4C4
Click to copy

Triadic

#C4C4C4
Click to copy
#C4C4C4
Click to copy
#C4C4C4
Click to copy

Tetradic

#C4C4C4
Click to copy
#C4C4C4
Click to copy
#C4C4C4
Click to copy
#C4C4C4
Click to copy

Square

#C4C4C4
Click to copy
#C4C4C4
Click to copy
#C4C4C4
Click to copy
#C4C4C4
Click to copy

CSS & Dev Snippets

CSS
.silver {
  color: #C4C4C4;
}
SCSS
$silver: #C4C4C4;
RGB
rgb(196, 196, 196)

Accessibility & Contrast

White background

1.74:1
1.74
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

12.04:1
12.04
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags