Gunmetal gray color

A dark gray with a cool blue tint, like the metal of old gun barrels. It is popular for cars, men's suits, hardware and industrial decor.

Also known as: Gunmetal.

Gunmetal gray · #536267

About gunmetal gray

Gunmetal gray (#536267) is a cool, mid-tone, muted color. It belongs to the grays family. It mixes 83 red, 98 green and 103 blue (out of 255). It is mostly used in cars, menswear, industrial.

Gunmetal gray shades and tints

From lightest to darkest. Tap a shade to copy its code.

Gunmetal gray color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Dark gray

AnalogousClose to: Graphite

TriadicClose to: Eggplant, Nickel

Split complementaryClose to: Dark gray, Dove gray

TetradicClose to: Eggplant, Dark gray, Camouflage green

Gunmetal gray color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Gunmetal gray

Analogous palette · Gunmetal gray

Complementary palette · Gunmetal gray

Triadic palette · Gunmetal gray

With neutrals palette · Gunmetal gray

With an accent palette · Gunmetal gray

Gunmetal gray contrast with text

White textContrast 6.3:1 · AA

Black textContrast 3.3:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --gunmetal-gray: #536267;
  --gunmetal-gray-rgb: 83, 98, 103;
}
.bg { background-color: var(--gunmetal-gray); }
.text { color: var(--gunmetal-gray); }

Colors similar to gunmetal gray

Payne's gray Lead gray Dark gray Dove gray Steel gray Graphite Nickel Dark slate gray Charcoal gray Slate gray

Themed palettes with this color

Frequently asked questions

What is the hex code for gunmetal gray?

The hex code for gunmetal gray is #536267. In RGB it is rgb(83, 98, 103), in HSL hsl(195, 11%, 36%) and in CMYK 19, 5, 0, 60.

What is the complementary color of gunmetal gray?

Its complement on the color wheel is #675853, close to dark gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on gunmetal gray?

Yes. The contrast with white is 6.3:1, enough for body text (WCAG AA).