Pewter

#909EAE

What color is Pewter?

Pewter is a cool gray with subtle blue undertones, hex #909EAE, sitting close to the color of slate stone. It is lighter than charcoal but carries enough depth to read as a solid, muted neutral.

What is the meaning of the color Pewter?

English silversmiths were using pewter alloy — a blend of tin and lead — by the 13th century, and the gray-blue color of the finished metal gave rise to the color name. The term appears in English records by the 14th century, tied directly to the look of cast pewter vessels common in households across medieval Britain. As pewter tableware declined after cheaper ceramic alternatives emerged in the 18th century, the color name persisted in design and fashion. Benjamin Moore includes Pewter as a named paint shade, anchoring the color in contemporary interior design.

RGB
144, 158, 174
HSL
212°, 16%, 62%
CMYK
17, 9, 0, 32
HSV
212°, 17%, 68%
Pewter color

What colors go with Pewter?

Colors that pair well with Pewter include:
Navy Blue: sharp, grounding contrast
Cream: soft, warm balance
Burgundy: rich, moody depth
Forest Green: cool, natural pairing
Charcoal: strong tonal layering

Similar Colors

Conversions & Codes

Format Value CSS
HEX #909EAE color: #909EAE;
RGB 144, 158, 174 color: rgb(144, 158, 174);
RGB Percentage 56%, 62%, 68% color: rgb(56%, 62%, 68%);
CMYK 17%, 9%, 0%, 32% Not supported in CSS
HSL 212°, 16%, 62% color: hsl(212, 16%, 62%);
HSV 212°, 17%, 68% Not supported in CSS
CIE-LAB 50, -3, -5 color: lab(50% -3 -5);
Decimal 9477806 Not supported in CSS

Color Variations

Shades

#8F9DAE
#7C8DA0
#6A7D93
#5D6D80
#505E6E
#424E5C
#353F49
#282F37

Tints

#DDE2E7
#D2D8DE
#C7CED6
#BCC4CE
#B0BAC6
#A5B1BE
#9AA7B6
#8F9DAE

Tones

#8F9DAE
#909DAC
#929DAB
#939DA9
#959DA7
#969EA6
#989EA4
#999EA3

Hues

#8F9DAE
#978FAE
#AE8FAD
#AE8F95
#AE9F8F
#A5AE8F
#8FAE90
#8FAEA7

Color Harmonies

Analogous

#8FADAE
Click to copy
#909EAE
Click to copy
#908FAE
Click to copy

Complementary

#909EAE
Click to copy
#AE9F8F
Click to copy

Split Complementary

#909EAE
Click to copy
#AE908F
Click to copy
#ADAE8F
Click to copy
97%

Triadic

#909EAE
Click to copy
#AE8F9D
Click to copy
#9DAE8F
Click to copy

Tetradic

#909EAE
Click to copy
#AE8FAD
Click to copy
#AE9F8F
Click to copy
#8FAE90
Click to copy

Square

#909EAE
Click to copy
#AE8FAD
Click to copy
#AE9F8F
Click to copy
#8FAE90
Click to copy

CSS & Dev Snippets

CSS
.pewter {
  color: #909EAE;
}
SCSS
$pewter: #909EAE;
RGB
rgb(144, 158, 174)

Accessibility & Contrast

White background

2.73:1
2.73
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

7.69:1
7.69
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags