UI Shades

A study in gray

Silver

#C0C0C0

Family
Gray
L
0.808
C
0.000
H
-

Notes

Silver in CSS is a mid-light gray, originally chosen to approximate the metallic finish in non-glossy contexts. The hex sits at lightness 0.75 with no chroma. Technology, luxury, and automotive brands use it as a metallic stand-in, usually under deep charcoal type with a single saturated accent. As a UI element it works for borders and quiet surfaces. Body text contrast against white falls below AA at every standard size - the value cannot function as text against white and should be reserved for borders, surfaces, and decorative elements with dark text overlays.

#c0c0c0
Silver
Silver
#c0c0c0
oklch(0.808 0 0)
rgb(192 192 192)
hsl(0 0% 75.3%)
Share
#fafafa
#f4f4f4
#e5e5e5
#d4d4d4
#c0c0c0
#8b8b8b
#737373
#5e5e5e
#444444
#2d2d2d
#171717

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Silver

Cross-reference
Q&A

Frequently asked questions

What is Silver?

Silver in CSS is a mid-light gray, originally chosen to approximate the metallic finish in non-glossy contexts. The hex sits at lightness 0.75 with no chroma. Its hex code is #C0C0C0.

What are the tints and shades of Silver?

uishades builds an 11-step OKLCH ramp for Silver (#C0C0C0) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Silver?

Its complementary color is #C0C0C0. Triadic partners are #C0C0C0 and #C0C0C0; analogous neighbours are #C0C0C0 and #C0C0C0.

What are the OKLCH and RGB values of Silver?

Silver is #C0C0C0 - OKLCH 0.808 0.000 0°, rgb(192 192 192), in the gray family.