Codes & values
- Color Name
Gunmetal - Color ID
KDF-C-02765881 - HEX
#2A3439 - RGB
rgb(42, 52, 57) - RGBA
rgba(42, 52, 57, 1) - HSL
hsl(200, 15%, 19%) - HSLA
hsla(200, 15%, 19%, 1) - HSV / HSB
hsv(200, 26%, 22%) - CMYK
cmyk(26%, 9%, 0%, 78%) - Light / Dark
dark
Quick answers
- What is the HEX code for Gunmetal?
- #2A3439
- What is Gunmetal RGB?
- rgb(42, 52, 57)
- What is Gunmetal HSL?
- hsl(200, 15%, 19%)
- What is Gunmetal CMYK?
- cmyk(26%, 9%, 0%, 78%)
What is Gunmetal?
Gunmetal is a curated gray family color at #2A3439. It appears in our library with tags for ui, text, logo. This shade classifies as dark — strong for text, dark-mode surfaces, or dramatic branding. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Gunmetal HEX code
The HEX code for Gunmetal is #2A3439. Paste it into CSS as color: #2A3439; or background-color: #2A3439;. Design tools accept the same six-digit value without the # prefix (2a3439).
Gunmetal RGB
Gunmetal in RGB is rgb(42, 52, 57) (channels R 42, G 52, B 57). Use RGB when you need opacity via rgba(42, 52, 57, 1).
Gunmetal HSL & HSV
HSL is hsl(200, 15%, 19%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(200, 26%, 22%), closer to how many digital pickers expose hue, saturation, and brightness.
Gunmetal CMYK
Approximate CMYK for Gunmetal is cmyk(26%, 9%, 0%, 78%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Gunmetal
Darker shades (mixed toward black): #232B30, #1C2326, #151A1D, #0E1113, #070909. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Gunmetal
Lighter tints (mixed toward white): #4E565A, #71787B, #959A9C, #B8BBBD, #DCDDDE. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Gunmetal
Complementary pairing: #2A3439, #392F2A. Analogous neighbors: #2A3937, #2A3439, #2A2D39. Triadic accents: #2A3439, #392A34, #34392A. Always check text contrast when pairing.
Gunmetal color combinations
A practical combo: primary #2A3439, complementary accent #392F2A, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #2A3439, #392A2D, #39372A.
Gunmetal in web design
Grays carry typography and surfaces. Charcoal for body text, slate for secondary UI, light gray for cards — contrast always beats decorative gray-on-gray.
Gunmetal in branding
Neutral brand systems rely on gray for UI chrome while a single accent color carries recognition. Contrast vs white is 12.74:1 (passes WCAG AA for normal text); vs black 1.65:1.
Gunmetal metallic feel
Gunmetal evokes metal finishes. On screens, flat HEX is a stand-in — add subtle gradients or texture in mockups for a more realistic metal look.
Frequently asked questions
- What is the HEX code for Gunmetal?
- Gunmetal: #2A3439.
- What is Gunmetal RGB?
- Gunmetal: rgb(42, 52, 57).
- What is Gunmetal HSL?
- Gunmetal: hsl(200, 15%, 19%).
- What is Gunmetal CMYK?
- Gunmetal: cmyk(26%, 9%, 0%, 78%).
- What colors go with Gunmetal?
- Try complementary #2A3439, #392F2A or analogous #2A3937, #2A3439, #2A2D39.
- Is Gunmetal good for text on white?
- Yes — contrast 12.74:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 12.74:1 (AA body text pass). Contrast vs black: 1.65:1. Complementary swatch: #2A3439, #392F2A.
Explore related
Gray colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK