Gunmetal Gray

#353E43

What color is Gunmetal Gray?

Gunmetal gray is a dark, blue-tinted gray with a cool, slightly metallic quality, hex #353E43, close to the color of slate stone. It has more depth than a standard charcoal, with just enough blue to give it a polished edge.

What is the meaning of the color Gunmetal Gray?

Named after the alloy used to cast cannons and firearms, gunmetal as a color term entered English use in the 19th century, when the gray-blue finish of cast gun metal became a recognizable industrial shade. The alloy itself — a mixture of copper, tin, and zinc — was standardized in British armories and gave the color its association with precision and military manufacture. As industrial design expanded in the 20th century, the shade moved from weapons production into architecture and product design. Rolex adopted the term for the dark coated finish on several steel watch models, anchoring gunmetal gray firmly in the language of high-end manufactured goods.

RGB
53, 62, 67
HSL
201°, 12%, 24%
CMYK
21, 7, 0, 74
HSV
201°, 21%, 26%
Gunmetal gray color

What colors go with Gunmetal Gray?

Colors that pair well with Gunmetal gray include:
Ivory: soft, warm contrast
Navy blue: deep tonal harmony
Burnt orange: bold, warm pop
Forest green: rich, grounded balance
Pale silver: subtle, cool layering

Similar Colors

Conversions & Codes

Format Value CSS
HEX #353E43 color: #353E43;
RGB 53, 62, 67 color: rgb(53, 62, 67);
RGB Percentage 21%, 24%, 26% color: rgb(21%, 24%, 26%);
CMYK 21%, 7%, 0%, 74% Not supported in CSS
HSL 201°, 12%, 24% color: hsl(201, 12%, 24%);
HSV 201°, 21%, 26% Not supported in CSS
CIE-LAB 19, -2, -2 color: lab(19% -2 -2);
Decimal 3489347 Not supported in CSS

Color Variations

Shades

#363F45
#30393E
#2B3337
#262C30
#202629
#1B2022
#16191B
#101315

Tints

#BEC7CC
#A8B4BB
#92A2AA
#7D8F99
#697C86
#586870
#47535A
#363F45

Tones

#363F45
#373F44
#373F43
#383F42
#393F42
#3A3E41
#3A3E40
#3B3E3F

Hues

#363F45
#373645
#423645
#45363C
#453B36
#434536
#384536
#36453F

Color Harmonies

Analogous

#364542
Click to copy
#353E43
Click to copy
#363845
Click to copy

Complementary

#353E43
Click to copy
#453B36
Click to copy
97%

Split Complementary

#353E43
Click to copy
#453638
Click to copy
97%
#454236
Click to copy

Triadic

#353E43
Click to copy
#45363F
Click to copy
97%
#3F4536
Click to copy

Tetradic

#353E43
Click to copy
#423645
Click to copy
#453B36
Click to copy
97%
#384536
Click to copy

Square

#353E43
Click to copy
#423645
Click to copy
#453B36
Click to copy
97%
#384536
Click to copy

CSS & Dev Snippets

CSS
.gunmetal-gray {
  color: #353E43;
}
SCSS
$gunmetal-gray: #353E43;
RGB
rgb(53, 62, 67)

Accessibility & Contrast

White background

10.93:1
10.93
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.92:1
1.92
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags