#2C3539
Gray family

Gunmetal

Also known as: industrial · sophisticated · muted · resilient · modern
Save
Hex #2C3539
RGB rgb(44, 53, 57)
HSL hsl(198°, 13%, 20%)
CMYK 23 · 7 · 0 · 78
RAL RAL 7026 · Granite Grey
NCS S 8000-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western culture, gunmetal often symbolizes strength and resilience, reflecting its roots in weaponry and defense. Conversely, in design, it can convey sophistication and modernity, making it a popular choice in luxury branding and contemporary decor.

The term 'gunmetal' originated in the late 18th century, specifically around 1770, as a reference to the alloy used in cannons and guns. The distinctive dark hue was not only functional but also aesthetically striking, leading to its adoption in various industrial and decorative applications.

industrialsophisticatedmutedresilientmodern

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Gunmetal. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Grays →

Shades & tints

Nine steps of Gunmetal by lightness — from #171C1E (darkest) to #919698 (lightest). Click any to copy.

-40% #171C1E
-30% #1C2224
-20% #21282B
-10% #272F32
BASE #2C3539
+15% #454D51
+30% #5F6569
+50% #787E80
+70% #919698

Complementary

Sitting opposite Gunmetal at 18° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Gunmetal.

#2C3539
#FFD700
#F5F5F5
#4B0082
#A9A9A9

Urban Industrial

Bold Contrast
#2C3539
#1E90FF
#FFFFFF
#708090
#4682B4

Stormy Skies

Cool Serenity
#2C3539
#000000
#CCCCCC
#B22222
#8B0000

Midnight Steel

Dramatic Depth

Gunmetal scale

A 50–900 tonal scale with Gunmetal anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EEEFEF
100 #D9DBDB
200 #AFB2B4
300 #858A8C
400 #585F63
500 #2C3539
600 #242B2F
700 #1D2326
800 #161B1D
900 #0F1213

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 12.53:1
Gunmetal as text on… Ratio AA AAA
Aa White background 12.53:1 Pass Pass
Aa Black background 1.68:1 Fail Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #2C3539

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #2C3539;
CSS color-mix (lighten 30%) color-mix(in srgb, #2C3539 70%, white)
HSV / HSB 198°, 23%, 22%
CMYK (print) 23, 7, 0, 78
Decimal 2897209
Nearest web-safe #333333

Color vision

How Gunmetal appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#2C3539

Protanopia (no red)

#303038

Deuteranopia (no green)

#2F2F38

Tritanopia (no blue)

#2C3737
Pewter
8 / 27 Grays Smoke
Copied!