Silver

Meet Silver (#C0C0C0), a color that captures the cool, reflective quality of polished metal. Its inherent luminosity sets it apart from flat grays, offering a crisp, modern feel that suggests sophistication and precision within a design palette.

What color is Silver?

What is the meaning of Silver?

How do I use Silver (#C0C0C0) in UI design?

Using Silver color codes

Silver

#C0C0C0

Access our full UI & UX library today.

What color is Silver?

What is the meaning of Silver?

How do I use Silver (#C0C0C0) in UI design?

Using Silver color codes

Silver Code Conversions

HEX

#C0C0C0

LAB

78, 0, 0

RGB

192, 192, 192

XYZ

50.1, 52.7, 57.4

HSL

0°, 0%, 75%

LCH

78, 0, 158°

HSB

0°, 0%, 75%

LUV

78, 0, 0

CMYK

0, 0, 0, 25

CMYK

0, 0, 0, 25

HWB

0°, 75%, 25%

Silver Color Harmonies

Analogous

By pairing Silver with its adjacent hues on the color wheel, you can create an analogous scheme that feels cohesive and tranquil.

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

Complementary

Complementary colors are opposites on the color wheel. When paired with Silver, they create a striking, high-contrast visual effect that makes designs pop.

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

Split Complementary

The split complementary palette for Silver offers a vibrant yet balanced trio, pairing it with the two colors neighboring its direct complement.

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

Triadic

A triadic color scheme for Silver involves two other colors, each equidistant on the color wheel, creating a vibrant and balanced palette.

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

Tetradic

Tetradic schemes for Silver use two pairs of complementary colors, forming a rectangle on the color wheel for a rich and balanced four-color palette.

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

Square

A square scheme is a type of tetradic palette where four colors, including Silver, are evenly spaced, producing a balanced yet highly contrasting effect.

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

Silver Contrast Simulation

Text Color

#

Background Color

#

11.54

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

11.54

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Silver Color Variations

Shades

Adding black to Silver creates darker shades, giving your designs more weight and substance.

#C0C0C0

#A5A5A5

#898989

#6E6E6E

#525252

#373737

#1B1B1B

#000000

#C0C0C0

#A5A5A5

#898989

#6E6E6E

#525252

#373737

#1B1B1B

#000000

Tints

Adding white to Silver creates tints, which are lighter variations with a softer quality.

#C0C0C0

#C9C9C9

#D2D2D2

#DBDBDB

#E4E4E4

#EDEDED

#F6F6F6

#FFFFFF

#C0C0C0

#C9C9C9

#D2D2D2

#DBDBDB

#E4E4E4

#EDEDED

#F6F6F6

#FFFFFF

Tones

Tones of Silver are created by adding gray, resulting in softer, less saturated variations.

#C0C0C0

#B7B7B7

#AEAEAE

#A5A5A5

#9B9B9B

#929292

#898989

#808080

#C0C0C0

#B7B7B7

#AEAEAE

#A5A5A5

#9B9B9B

#929292

#898989

#808080

Hues

Hues are variations of Silver, differing in intensity or temperature to create distinct visual feelings.

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

#C0C0C0

What Interfaces Use Colors Like Silver?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox