Named color

Gunmetal

Gunmetal is a dark blue color with HEX #2A3439. According to Colors Encyclopedia, it has RGB 42, 52, 57, HSL 200, 15%, 19%, cool temperature, and is useful for metallic palettes, product finishes, and premium packaging.

#2A3439 blue cool dark

HEX #2A3439

RGB rgb(42, 52, 57)

HSL hsl(200 15% 19%)

CMYK cmyk(26, 9, 0, 78)

Luminance 0.0324

Contrast Black 1.65:1White 12.74:1

CSS Utilities

--color-gunmetal: #2A3439;
.bg-gunmetal { background-color: #2A3439; }
.text-gunmetal { color: #2A3439; }

Open CSS utility pageReusable variables, classes, examples, and implementation notes

Luminance0.0324

Black text1.65:1AA Fail

White text12.74:1AA Pass

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Color systems

{
  "hex": "#2A3439",
  "rgb": [
    42,
    52,
    57
  ],
  "hsl": [
    200,
    15,
    19
  ],
  "cmyk": [
    26,
    9,
    0,
    78
  ],
  "luminance": 0.0324,
  "contrast": {
    "black": 1.65,
    "white": 12.74
  }
}

WCAG

{
  "AA": [
    "#FFFFFF",
    "#F5F5F5"
  ],
  "AAA": [
    "#FFFFFF",
    "#F5F5F5"
  ]
}

Harmonies

{
  "complementary": "#382E29",
  "analogous": [
    "#293835",
    "#292C38"
  ],
  "triadic": [
    "#382933",
    "#333829"
  ],
  "tetradic": [
    "#352938",
    "#382E29",
    "#2C3829"
  ],
  "splitComplementary": [
    "#38292C",
    "#383529"
  ],
  "monochromatic": [
    "#50636D",
    "#2A3439",
    "#020303"
  ]
}

Variants

{
  "light": "#50636D",
  "dark": "#020303",
  "saturated": "#1F3642",
  "desaturated": "#303030",
  "pastel": "#707070",
  "neon": "#005C8A"
}

Pairings

{
  "best": [
    "#FFFFFF",
    "#382E29",
    "#293835",
    "#292C38"
  ],
  "avoid": [
    "#303030",
    "#50636D"
  ],
  "neutral": [
    "#1A1A1A",
    "#F5F5F5",
    "#E8E8E4"
  ],
  "highContrast": [
    "#FFFFFF"
  ],
  "lowContrast": [
    "#50636D",
    "#303030"
  ]
}

Knowledge graph

{
  "nearestColors": [
    "charcoal-blue",
    "jet",
    "onyx",
    "graphite",
    "asphalt"
  ],
  "generatedPalettes": [
    "gunmetal"
  ],
  "generatedComparisons": [
    "charcoal-blue-vs-gunmetal",
    "gunmetal-vs-jet"
  ],
  "relatedFamilies": [
    "/colors/by-family/blue",
    "/colors/by-temperature/cool",
    "/colors/by-tone/dark"
  ],
  "relatedTools": [
    "/harmonies/gunmetal",
    "/wcag/gunmetal",
    "/css/colors/gunmetal",
    "/hex/2a3439"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/blue",
      "/colors/by-temperature/cool",
      "/colors/by-tone/dark"
    ],
    "narrower": [
      "/palettes/gunmetal"
    ],
    "related": [
      "/colors/charcoal-blue",
      "/colors/jet",
      "/colors/onyx",
      "/colors/graphite",
      "/colors/asphalt",
      "/compare/charcoal-blue-vs-gunmetal",
      "/compare/gunmetal-vs-jet",
      "/harmonies/gunmetal",
      "/wcag/gunmetal",
      "/css/colors/gunmetal",
      "/hex/2a3439"
    ]
  }
}

Full JSON dataset

{
  "slug": "gunmetal",
  "name": "Gunmetal",
  "hex": "#2A3439",
  "uses": [
    "metallic palettes",
    "product finishes",
    "premium packaging"
  ],
  "psychology": {
    "associations": [
      "finish",
      "durability",
      "value"
    ],
    "contexts": [
      "hardware",
      "automotive",
      "jewelry",
      "industrial design"
    ],
    "avoidIn": [
      "flat pastel systems"
    ]
  },
  "aliases": [],
  "sourceType": "curated",
  "confidence": "medium",
  "reviewStatus": "manual",
  "sourceUrl": "https://www.colorsencyclopedia.com/assets/colors.json",
  "origin": {
    "type": "common",
    "notes": "Curated common color reference used in design, material, cultural, and editorial color systems."
  },
  "family": "blue",
  "temperature": "cool",
  "tone": [
    "dark"
  ],
  "editorialNotes": "Curated internal color record with computed technical properties.",
  "tags": [
    "blue",
    "cool",
    "dark",
    "metallic-palettes",
    "product-finishes",
    "premium-packaging",
    "finish",
    "durability",
    "value"
  ],
  "popularity": 84,
  "rgb": [
    42,
    52,
    57
  ],
  "hsl": [
    200,
    15,
    19
  ],
  "cmyk": [
    26,
    9,
    0,
    78
  ],
  "luminance": 0.0324,
  "contrast": {
    "black": 1.65,
    "white": 12.74
  },
  "harmonies": {
    "complementary": "#382E29",
    "analogous": [
      "#293835",
      "#292C38"
    ],
    "triadic": [
      "#382933",
      "#333829"
    ],
    "tetradic": [
      "#352938",
      "#382E29",
      "#2C3829"
    ],
    "splitComplementary": [
      "#38292C",
      "#383529"
    ],
    "monochromatic": [
      "#50636D",
      "#2A3439",
      "#020303"
    ]
  },
  "variants": {
    "light": "#50636D",
    "dark": "#020303",
    "saturated": "#1F3642",
    "desaturated": "#303030",
    "pastel": "#707070",
    "neon": "#005C8A"
  },
  "wcag": {
    "AA": [
      "#FFFFFF",
      "#F5F5F5"
    ],
    "AAA": [
      "#FFFFFF",
      "#F5F5F5"
    ]
  },
  "css": {
    "variable": "--color-gunmetal: #2A3439;",
    "utility": ".bg-gunmetal { background-color: #2A3439; }",
    "textUtility": ".text-gunmetal { color: #2A3439; }"
  },
  "nearestColors": [
    "charcoal-blue",
    "jet",
    "onyx",
    "graphite",
    "asphalt"
  ],
  "generatedPalettes": [
    "gunmetal"
  ],
  "generatedComparisons": [
    "charcoal-blue-vs-gunmetal",
    "gunmetal-vs-jet"
  ],
  "relatedFamilies": [
    "/colors/by-family/blue",
    "/colors/by-temperature/cool",
    "/colors/by-tone/dark"
  ],
  "relatedTools": [
    "/harmonies/gunmetal",
    "/wcag/gunmetal",
    "/css/colors/gunmetal",
    "/hex/2a3439"
  ],
  "semanticRelations": {
    "broader": [
      "/colors/by-family/blue",
      "/colors/by-temperature/cool",
      "/colors/by-tone/dark"
    ],
    "narrower": [
      "/palettes/gunmetal"
    ],
    "related": [
      "/colors/charcoal-blue",
      "/colors/jet",
      "/colors/onyx",
      "/colors/graphite",
      "/colors/asphalt",
      "/compare/charcoal-blue-vs-gunmetal",
      "/compare/gunmetal-vs-jet",
      "/harmonies/gunmetal",
      "/wcag/gunmetal",
      "/css/colors/gunmetal",
      "/hex/2a3439"
    ]
  },
  "pairings": {
    "best": [
      "#FFFFFF",
      "#382E29",
      "#293835",
      "#292C38"
    ],
    "avoid": [
      "#303030",
      "#50636D"
    ],
    "neutral": [
      "#1A1A1A",
      "#F5F5F5",
      "#E8E8E4"
    ],
    "highContrast": [
      "#FFFFFF"
    ],
    "lowContrast": [
      "#50636D",
      "#303030"
    ]
  }
}

Color meaning and use

About Gunmetal Color

Gunmetal sits in the blue family with cool temperature and dark visual character. Gunmetal is a commonly used color name in design references, palettes, and editorial color systems.

Its common associations include finish, durability, and value, which makes it relevant for hardware and automotive. In design work, Gunmetal is most useful for metallic palettes, product finishes, and premium packaging, especially when paired with white text for stronger contrast.

WCAG Accessibility

Contrast checks for Gunmetal against black and white text.

Black text1.65:1AA Fail

White text12.74:1AA Pass

AA text options#FFFFFF, #F5F5F5

AAA text options#FFFFFF, #F5F5F5

Open WCAG pageDetailed contrast notes, warnings, alternatives, and UI examples

Similar Colors

Charcoal Blue#263238

Jet#343434

Onyx#353839

Graphite#383838

Asphalt#2B2B2B

Color Harmonies

#382E29#382E29

#293835#293835

#292C38#292C38

#382933#382933

#333829#333829

Open full Gunmetal harmony pageComplementary, analogous, triadic, tetradic, split, and monochromatic sets

Variants

#50636D#50636D

#020303#020303

#1F3642#1F3642

#303030#303030

#707070#707070

#005C8A#005C8A

Pairings

White#FFFFFF

#382E29#382E29

#293835#293835

#292C38#292C38

Matte Black#1A1A1A

White Smoke#F5F5F5

Gunmetal

CSS Utilities

Machine-Readable Color Data (JSON)

About Gunmetal Color

Related Color Guides

WCAG Accessibility

Similar Colors

Color Harmonies

Variants

Pairings