pewter shadow Color Codes

Color Preview
Pewter Shadow Color Codes
Related Colors

Complementary

#afb5b4

Analogous

hsl(20, 4%, 30%)
hsl(320, 4%, 30%)

Triadic

hsl(110, 4%, 30%)
hsl(230, 4%, 30%)

Tetradic

hsl(80, 4%, 30%)
hsl(170, 4%, 30%)
hsl(260, 4%, 30%)
HTML Snippets
.element { background-color: #504A4B; }
.element { color: #504A4B; }

This is how the text color would appear.

<span style="color: #504A4B;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black2.42 (Fail)
White8.67 (AA)
Shades of Pewter Shadow

hsl(350, 4%, 0%)

hsl(350, 4%, 15%)

#504A4B

hsl(350, 4%, 45%)

hsl(350, 4%, 60%)

Color Blindness Simulations

Protanopia (Red-Blind)

#4d4d4c

Deuteranopia (Green-Blind)

#4e4e4d

Tritanopia (Blue-Blind)

#504d4d

Related Palettes

About pewter shadow

pewter shadow (#504A4B) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.