Color tools

Silver color codes

Silver color codes for #C0C0C0 — HEX, RGB, HSL, HSV, shades, named silvers, and copy-ready CSS.

Loading tool…

Loading Preparing tool…

How to use

Follow these steps for a clear answer.

Explore the base color

Review HEX, RGB, HSL, and HSV for silver, then browse shades, tints, tones, and hues.

Pick a variation or named shade

Click a generated strip or a CSS named silver shade to load codes and harmonies.

Copy for CSS

Copy HEX, rgb(), hsl(), or the keyword—and check contrast on white and black.

Color formulas

Core relationships used by this color tool.

CSS silver#C0C0C0 = rgb(192, 192, 192) = hsl(0°, 0%, 75%)

Shadesame H/S, lower L (mix toward black)

Tintsame H/S, higher L (mix toward white)

ComplementH + 180° (deep navy or charcoal)

iHSV (or HSB) keeps hue with saturation and value; HSL uses lightness. Named shades in this family follow CSS Color Module keywords.

Example colors

Common picks with formula and result.

Base silver

CSS keyword

color: silver;

#C0C0C0 · rgb(192, 192, 192)

Related shade

Family neighbor

lightgray

#D3D3D3

UI accent

Background use

background-color: #C0C0C0;

Pair with readable text

Complement direction

Harmony hint

H + 180°

Toward deep navy or charcoal

Silver color family specification

Version 1.0.0

Definition: Silver in CSS centers on the keyword silver (#C0C0C0 / rgb(192, 192, 192) / hsl(0°, 0%, 75%)). Designers use silver families for metallic, quiet, and modern on screens.
What it calculates: Silver family variations (shades, tints, tones, hues), named CSS shades, harmony sets, HEX/RGB/HSL/HSV codes, and contrast vs white/black.
Inputs: Selected variation chip, named shade, or harmony swatch
Section mode (variations, named shades, harmonies)
Outputs: HEX, RGB, HSL, HSV
Optional CSS keyword
Contrast ratios on white and black
Formula: Shades/tints/tones adjust HSL L or S from base H; harmonies offset H on the hue circle
Silver is a light neutral for chrome and separators—more polished than plain lightgray.

For full keyword search across all hues, use HTML color codes. For palette generation, try the color scheme generator or color wheel.

:root { --silver: #c0c0c0; --silver-soft: #dcdcdc; --silver-ink: #555555; } .banner { background-color: var(--silver); color: #ffffff; }
Popular CSS silvers: Name HEX RGB Feel
silver #C0C0C0 192, 192, 192 Base keyword
lightgray #D3D3D3 211, 211, 211 Light tint
gainsboro #DCDCDC 220, 220, 220 Named shade
darkgray #A9A9A9 169, 169, 169 Dark shade
gray #808080 128, 128, 128 Named shade
slategray #708090 112, 128, 144 Named shade
white #FFFFFF 255, 255, 255 Named shade
black #000000 0, 0, 0 Named shade
darkgrey #A9A9A9 169, 169, 169 Dark shade
darkslategray #2F4F4F 47, 79, 79 Dark shade
darkslategrey #2F4F4F 47, 79, 79 Dark shade
dimgray #696969 105, 105, 105 Dark shade
i Related hues may appear in Named shades when useful for silver-adjacent palettes.
Assumptions: Base keyword silver = #C0C0C0 in sRGB.
Named list uses CSS Color Module keywords in/near the silver family.
Tool runs locally; nothing is uploaded.
Units: HEX: #RRGGBB
RGB: 0–255
HSL/HSV: hue degrees; S/L/V percent
Boundary conditions: Lightness/saturation steps stay within visible ranges (~0–100%).
Hue offsets wrap modulo 360°.
Example: silver → #C0C0C0; complementary toward deep navy or charcoal
Validation cases: silver → #C0C0C0
lightgray → #D3D3D3
shade of silver → same hue, lower lightness
tint of silver → same hue, higher lightness
Sources: CSS Color Module named colors (silver family)
Classical shade/tint/tone and hue-harmony geometry
WCAG relative-luminance contrast
Calculation version: 1.0.0

Name	HEX	RGB	Feel
silver	#C0C0C0	192, 192, 192	Base keyword
lightgray	#D3D3D3	211, 211, 211	Light tint
gainsboro	#DCDCDC	220, 220, 220	Named shade
darkgray	#A9A9A9	169, 169, 169	Dark shade
gray	#808080	128, 128, 128	Named shade
slategray	#708090	112, 128, 144	Named shade
white	#FFFFFF	255, 255, 255	Named shade
black	#000000	0, 0, 0	Named shade
darkgrey	#A9A9A9	169, 169, 169	Dark shade
darkslategray	#2F4F4F	47, 79, 79	Dark shade
darkslategrey	#2F4F4F	47, 79, 79	Dark shade
dimgray	#696969	105, 105, 105	Dark shade

Frequently asked questions

Key distinctions behind the tool.

What is the hex code for silver?

The CSS named color silver is #C0C0C0, equal to rgb(192, 192, 192) and hsl(0°, 0%, 75%).

What is the difference between silver and lightgray?

Silver is the classic light metallic gray. LightGray is slightly brighter and flatter.

What colors go with silver?

Black, white, and saturated brand accents. Silver works for borders and icons. Always check text contrast.

Is silver good for body text?

Silver text on white fails AA. Use silver for borders/icons; keep text darker.

How do I use silver in CSS?

Use color: silver;, color: #C0C0C0;, or color: rgb(192, 192, 192); on any property that accepts a <color> value, including background-color and border-color.