Gunmetal

Gunmetal is a dark, low-saturation shade of cyan, presenting as a deep gray with a distinct blue cast. This gives it a cool temperature and an industrial, metallic quality reminiscent of its namesake.

Its character comes from strong blue undertones, which separate it from neutral grays. Depending on the light, subtle green notes can also appear, adding a layer of complexity to its appearance.

The color Gunmetal embodies strength, authority, and a quiet confidence, suggesting resilience and professionalism without the starkness of pure black.

Psychologically, it conveys stability and sophistication, often associated with modern technology and industrial precision, making it a symbol of sleek, functional design.

In UI design, Gunmetal works beautifully as a primary dark color, offering a sophisticated alternative to pure black. Its deep, muted quality provides a strong foundation for text and key interface elements. For a clean, high-contrast look, pair #1E243A with off-whites and light grays. To introduce more character, consider accent colors like mustard yellow, terracotta, or a soft teal, which create a striking yet balanced visual hierarchy.

While not as widespread as standard corporate blues, shades similar to Gunmetal are used by brands like Expedia, Hotjar, and Marcus by Goldman Sachs to convey a sense of professionalism and trust. Its relative rarity can also give a product a distinctive, modern edge in a crowded market.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Gunmetal in real UI components from top brands.

When working with Gunmetal, it's helpful to start with its hex code, #1E243A. This code is the most direct way to specify the color in digital design tools and CSS, acting as its unique digital fingerprint.

From this base, you can generate other color models for different applications. RGB (Red, Green, Blue) values are essential for digital screens, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for print. Other formats like HSL (Hue, Saturation, Lightness) or LAB provide different ways to describe and manipulate the color.

To get you started, we’ve converted #1E243A into a range of popular formats. Find the exact values you need below and copy them directly into your project.