#96A8A1
Gray family

Pewter

Also known as: muted · elegant · earthy · subtle · timeless
Save
Hex #96A8A1
RGB rgb(150, 168, 161)
HSL hsl(157°, 9%, 62%)
CMYK 11 · 0 · 4 · 34
RAL RAL 7004 · Signal Grey
NCS S 3500-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, pewter symbolizes durability and craftsmanship, often associated with tradition and heritage. Conversely, in contemporary design, it conveys a modern sophistication, contrasting with the bright and bold colors that dominate current trends.

The term 'pewter' dates back to the 14th century, originating from the Latin 'plumbum', meaning lead. In the 18th century, pewter became widely used for household items, with notable figures like Benjamin Franklin advocating for its use as a safe alternative to lead-based materials.

mutedelegantearthysubtletimeless

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Pewter. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Grays →

Shades & tints

Nine steps of Pewter by lightness — from #4E5754 (darkest) to #C8D2CE (lightest). Click any to copy.

-40% #4E5754
-30% #606C67
-20% #72807A
-10% #84948E
BASE #96A8A1
+15% #A3B2AC
+30% #AFBDB8
+50% #BCC7C3
+70% #C8D2CE

Palettes

Curated 5-color combinations featuring Pewter.

#96A8A1
#4B3D3D
#E0E0E0
#C9BFA0
#A76D6D

Rustic Charm

Warm comfort
#96A8A1
#2C3E50
#F5F5F5
#8D99AE
#D9BF77

Modern Serenity

Calm balance
#96A8A1
#3E3E3E
#FFFFFF
#D6C7B6
#A1A6A5

Vintage Elegance

Classic sophistication

Pewter scale

A 50–900 tonal scale with Pewter anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F7F8F7
100 #ECEFEE
200 #D7DEDB
300 #C2CDC8
400 #ACBAB5
500 #96A8A1
600 #7B8A84
700 #636F6A
800 #4B5451
900 #333937

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 8.41:1
Pewter as text on… Ratio AA AAA
Aa White background 2.5:1 Fail Fail
Aa Black background 8.41:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #96A8A1

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #96A8A1;
CSS color-mix (lighten 30%) color-mix(in srgb, #96A8A1 70%, white)
HSV / HSB 157°, 11%, 66%
CMYK (print) 11, 0, 4, 34
Decimal 9873569
Nearest web-safe #999999

Color vision

How Pewter appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#96A8A1

Protanopia (no red)

#9E9EA3

Deuteranopia (no green)

#9D9BA3

Tritanopia (no blue)

#97A4A4
Stone
7 / 27 Grays Gunmetal
Copied!