Silver

HEX: #C0C0C0 | Modern Palette

On White
1.82:1
FAIL
On Black
11.54:1
PASS

Color Specifications

HEX
#C0C0C0
RGB
192, 192, 192
HSL
0°, 0% ,75%
CMYK
0, 0, 0, 25

About Silver

Silver (#C0C0C0) is a color with RGB(192, 192, 192) and HSL(0°, 0%, 75.3%). It is commonly associated with Minimal moods. In design, it fits Monochrome, Pastel styles and is suitable for Text, Background, Border. Its complementary color is Silver (#C0C0C0), which creates strong contrast. Its triadic palette includes Silver (#C0C0C0) and Silver (#C0C0C0). The name comes from *silubra (Proto-Germanic).

  • HEX: #C0C0C0
  • RGB: 192, 192, 192
  • HSL: 0°, 0%, 75.3%
  • Mood: Minimal
  • Style: Monochrome, Pastel
  • Use case: Text, Background, Border
  • Complementary color: Silver (#C0C0C0)
  • Triadic colors: Silver (#C0C0C0), Silver (#C0C0C0)
  • The name comes from *silubra (Proto-Germanic).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Silver #C0C0C0 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
GRAY
SILVER
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
SILVER
SILVER
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Silver #C0C0C0 pairs with Silver (#C0C0C0) as its complementary color, and Silver (#C0C0C0) and Silver (#C0C0C0) in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

SILVER
SILVER
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

SILVER
SILVER
SILVER
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

SILVER
SILVER
SILVER
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

SILVER
SILVER
SILVER
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

SILVER
SILVER
SILVER
SILVER
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

SILVER
SILVER CHALICE

Shades & Tints

The shade and tint range for Silver #C0C0C0 moves from dark #0D0D0D tones through the base color to lighter #F2F2F2 tones, making it useful for depth, hierarchy, and background variation.

SILVER

Color Characteristics

Mood
Minimal
Style
Monochrome Pastel
Use case
Text Background Border

Accessibility Simulation

Deuteranopia #C0C0C0
Protanopia #C0C0C0
Tritanopia #C0C0C0
Achromatopsia #C0C0C0

Frequently Asked Questions

Silver (#C0C0C0) is a color with RGB(192, 192, 192) and HSL(0°, 0%, 75.3%).

#C0C0C0 pairs strongly with Silver (#C0C0C0) as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#C0C0C0 is suitable for Text, Background, Border and works well with Monochrome, Pastel styles.

#C0C0C0 is commonly associated with Minimal.

The name Silver is linked to *silubra from Proto-Germanic, meaning silver.

Name, History & Etymology

Origin Word *silubra
Meaning silver
Language Proto-Germanic
First Recorded Use Proto-Germanic (reconstructed)

History

The word 'silver' has deep roots in Proto-Germanic (*silubra), which then evolved into Old English 'seolfor', Old High German 'silabar', and Old Norse 'silfr'. This Germanic root is distinct from the Latin 'argentum' and Greek 'argyros', suggesting an independent development or borrowing from a non-Indo-European source in ancient times. Some theories link it to an ancient Near Eastern or Caucasian language. The color 'silver' as a descriptor for a metallic, grayish-white hue naturally derives from the appearance of the metal itself. Its use as a color term is well-established across many languages, often directly translating the metal's name.

First Recorded Use

Before 500 AD (reconstructed)

Cultural Associations

Silver, both as a metal and a color, holds significant cultural weight. It is often associated with the moon, femininity, purity, and elegance, contrasting with gold's association with the sun and masculinity. In heraldry, silver (argent) symbolizes peace and sincerity. In folklore, silver is believed to ward off evil spirits and creatures like werewolves. The phrase 'silver lining' refers to a hopeful or comforting aspect in an otherwise dismal situation. The color silver is widely used in fashion, automotive design, and technology to convey modernity, sophistication, and high-tech aesthetics. It also frequently represents second place in competitions.

Similar Named Colors
Gray (X11 Gray) #BEBEBE ΔE 0.52
Silver Sand #BFC1C2 ΔE 1.05
Pale Silver #C9C0BB ΔE 4.50
Light Gray #D3D3D3 ΔE 4.69

Code Snippets

/* Background */
.element {
    background-color: #C0C0C0;
}

/* Text */
.element {
    color: #C0C0C0;
}

/* Border */
.element {
    border: 1px solid #C0C0C0;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #C0C0C0,
        #C0C0C0
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #C0C0C0,
        #C0C0C0
    );
}

// SCSS variable
$silver: #C0C0C0;

// With RGB channels (useful for rgba() usage)
$silver-r: 192;
$silver-g: 192;
$silver-b: 192;

// Usage
.element {
    background-color: $silver;
    color: rgba($silver-r, $silver-g, $silver-b, 0.8);
}