Pewter is a medium, neutral shade in the gray color family, with a neutral feel. Its HEX code is #8B8E92, which equals rgb(139, 142, 146) in RGB and hsl(214, 3%, 56%) in HSL. In print terms it converts to roughly C5 M3 Y0 K43, although exact CMYK results depend on the paper and color profile.
- HEX
#8B8E92 - RGB
139, 142, 146 - HSL
214°, 3%, 56% - CMYK
5, 3, 0, 43 - Family
Gray - Tone
Medium, neutral
About Pewter
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 6.38:1. Its complementary color is #928F8B.
Download Pewter as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pewter color codes
| HEX | #8B8E92 |
|---|---|
| RGB | rgb(139, 142, 146) |
| HSL | hsl(214, 3%, 56%) |
| HSV | 214°, 5%, 57% |
| CMYK | 5%, 3%, 0%, 43% |
| Decimal | 9146002 |
Shades and tints of Pewter
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#ECECED - 100
#D8D9DB - 200
#C5C7C9 - 300
#B2B4B6 - 400
#9EA1A4 - 500
#8B8E92 - 600
#74767A - 700
#5D5F61 - 800
#464749 - 900
#2E2F31 - 950
#171818
Color harmonies for Pewter
- Complementary
#928F8B≈ Neutral Gray 55 - Analogous −30°
#8B9292≈ Pewter - Analogous +30°
#8C8B92≈ Pewter - Triadic +120°
#928B8E≈ Neutral Gray 55 - Triadic +240°
#8E928B≈ Neutral Gray 55 - Split 150°
#928C8B≈ Neutral Gray 55 - Split 210°
#92928B≈ Neutral Gray 55
Contrast and accessibility of Pewter
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pewter | Aa | 3.29:1 | AA Large only |
| Black text on Pewter | Aa | 6.38:1 | AA (good) |
CSS code for Pewter
background-color: #8B8E92;color: #8B8E92;background-color: rgb(139, 142, 146);background-color: hsl(214, 3%, 56%);:root { --color-pewter: #8B8E92; }class="bg-[#8B8E92]"Colors similar to Pewter
- Neutral Gray 55
#8C8C8C - Cool Gray 55
#828B97 - Warm Gray 55
#978C82 - Cool Gray 60
#9097A2 - Neutral Gray 60
#999999 - Light Slate Gray
#778899 - Medium Light Dusty Cornflower
#7E90A9 - Medium Light Dusty Sapphire
#7E8BA9 - Warm Gray 60
#A29990 - Medium Light Dusty Cerulean
#7E94A9 - Gray
#808080 - Medium Light Dusty Cobalt
#7E87A9
More gray shades
- Silver
#C0C0C0 - Dark Gray
#A9A9A9 - Slate Gray
#708090 - Dim Gray
#696969 - Gray
#808080 - Light Gray
#D3D3D3 - Ash Gray
#B2BEB5 - Graphite
#383838 - Onyx
#353839 - Ebony
#555D50 - Neutral Gray 15
#262626
Frequently asked questions
What is the HEX code for Pewter?
The HEX code for Pewter is #8B8E92.
What is the RGB value of Pewter?
Pewter has an RGB value of 139, 142, 146 (rgb(139, 142, 146)). In HSL it is 214°, 3%, 56%.
What text color should I use on Pewter?
Use black text on Pewter. White text has a contrast ratio of 3.29:1 and black text has 6.38:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pewter?
The complementary color of Pewter is #928F8B. Analogous colors #8B9292 and #8C8B92 also pair well.