Coloried

Pewter

#909EAErgb(144, 158, 174)cmyk(17%, 9%, 0%, 32%)

What Color is Pewter

Pewter color is a earthy shade of gray. Its hex code is #909EAE and rgb code is rgb(144, 158, 174), Its CMYK value is cmyk(17%, 9%, 0%, 32%), and Its HSL value is hsl(212, 16%, 62%). Against white, it has a contrast ratio of 2.73:1, while against black, the contrast ratio is 7.69:1. Its complementary color is #AE9F8F and closest tailwind color is slate-400. This color goes well with #45455F, #455E5F, #242B32, #7C5B5A, and #7B7C5A. To recreate the Pewter color, you can mix #ffffff and #213d5d.

Image Preview

Pewter color code
Pewter color swatch #909eae
1. Color Conversions
HEX#909EAE
RGB144, 158, 174
HSL212°, 16%, 62%
HSV212°, 16%, 68%
CMYK17%, 9%, 0%, 32%
Web Safe#999999
2. Contrast Ratio
Text on #FFFFFF2.73:1
Fail LargeFail Normal
Text on #0000007.69:1
AAA LargeAAA Normal
3. Pewter Color Code in CSS
HEX
#909EAE
RGB
rgb(144, 158, 174)
HSL
hsl(212, 16%, 62%)
Text Color
color: #909EAE;
Background
background-color: #909EAE;
Border Color
border-color: #909EAE;
Box Shadow
box-shadow: 0 4px 14px 0 #909EAE80;
SCSS
$color-pewter: #909EAE;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
8. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive