Colors Palettes
All palettes

Silver

Beautiful Silver color palette.

Web Design 5 colors
#C9D6FA
#C4C8E8
#628188
#919ABD
#68737A

Every color in Silver

HEX, RGB and HSL codes with contrast ratings. Click to copy.

159 36
#C9D6FA
Primary
#C9D6FA rgb(201, 214, 250) hsl(224, 83%, 88%)
On white 1.45:1 Fails On black 14.48:1 AAA
#C4C8E8
Secondary
#C4C8E8 rgb(196, 200, 232) hsl(233, 44%, 84%)
On white 1.64:1 Fails On black 12.77:1 AAA
#628188
Accent
#628188 rgb(98, 129, 136) hsl(191, 16%, 46%)
On white 4.19:1 AA large text On black 5.01:1 AA
#919ABD
Background
#919ABD rgb(145, 154, 189) hsl(228, 25%, 65%)
On white 2.78:1 Fails On black 7.56:1 AAA
#68737A
Text
#68737A rgb(104, 115, 122) hsl(203, 8%, 44%)
On white 4.86:1 AA On black 4.32:1 AA large text

About the Silver palette

Silver has 5 colors in the Web Design category. Overall it reads as mid-tone and balanced, with an average lightness of 65% and an average saturation of 35%. The hues lean cool.

The strongest text and background pair is #C9D6FA with #68737A, at a contrast ratio of 3.35:1 (AA large text). No pair in this palette reaches 4.5:1, so add a very dark or very light neutral before you set body text with it.

Color harmony

Measured from this palette's real values.

Saturation
35%
Lightness
65%
Best contrast
3.4

Ideas for using it

  • Web design: use #C9D6FA for buttons and links, and keep large areas to the lighter colors.
  • Mobile apps: check each color against white and black above before you use it for text or icons.
  • Brand identity: pick one or two colors as the core and keep the rest as support.
  • Presentations: use the mid-tone colors for backgrounds and the strongest contrast pair for titles.

Use it in your project

Copy this palette as CSS variables, or export it in another format.

:root {
  --color-1: #C9D6FA; /* Primary */
  --color-2: #C4C8E8; /* Secondary */
  --color-3: #628188; /* Accent */
  --color-4: #919ABD; /* Background */
  --color-5: #68737A; /* Text */
}