Armour

Meet Armour (#B8B9BE), a cool, metallic neutral that brings a quiet strength to any palette. Its understated character and balanced tone make it a versatile foundation for creating clean, modern interfaces, offering a subtle alternative to stark whites or darker grays.

Armour
#B8B9BE
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Armour?

Armour (#B8B9BE) is a light, cool-toned gray with a subtle blue undertone, giving it a crisp and contemporary appearance.

This near-neutral shade possesses a quiet complexity, appearing almost metallic due to the slight dominance of blue in its composition.

What is the meaning of the color Armour (#B8B9BE)?

The color Armour, #B8B9BE, embodies a sense of balance and sophistication. As a neutral gray, it evokes feelings of calm and composure, providing a stable foundation without demanding attention.

Its name lends it a powerful symbolism of strength and protection. This suggests resilience and security, making it a color that feels both dependable and timelessly elegant.

How do I use Armour in my UI design?

In UI design, Armour (#B8B9BE) works beautifully as a neutral foundation. Its lightness demands high contrast with darker text for readability, making it a quiet supporting actor rather than the star. You can pair it with a single, vibrant accent color for a striking focal point or combine it with other greys and off-whites to create a sophisticated, monochromatic interface. Consider it for secondary elements like dividers or inactive states to build visual hierarchy without adding noise.

While countless brands use grey in their UI, very few build their core identity around a specific shade like Armour. This presents a unique opening for a product to appear composed and modern, setting it apart from competitors who opt for more common, saturated brand colors. It signals a certain quiet confidence.

To see how Armour performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #B8B9BE in real UI components from top brands.

How do I use the Armour color codes?

To apply the color Armour consistently across your projects, start with its HEX code, #B8B9BE. This code is your primary reference for digital applications, but for work that spans different media, you will need to convert it to other color models.

Every color model serves a specific purpose. For instance, RGB (Red, Green, Blue) values are fundamental for digital displays, defining colors through light. In contrast, CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials, representing color through ink. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to adjust color properties in software.

To help you get started, we have translated the HEX code #B8B9BE for Armour into a variety of common formats. You can find these codes listed below, ready to copy and paste directly into your design tools.

Armour Code Conversions

HEX
#B8B9BE
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Armour Color Harmonies

Analogous

An analogous palette pairs Armour with its neighbors on the color wheel. This approach creates a unified and visually calm composition for your designs.

#123456
#123456
#123456

Complementary

Complementary colors are opposites on the color wheel. When paired with Armour, they create a high-contrast, visually striking effect for your designs.

#123456
#123456

Split Complementary

Split complementary schemes pair Armour with the two colors adjacent to its direct complement, offering a vibrant yet balanced and harmonious color palette.

#123456
#123456
#123456

Triadic

A triadic scheme uses three colors equidistant on the color wheel. Paired with Armour, this combination produces a bold and balanced visual effect.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Armour involves two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.

#123456
#123456
#123456
#123456

Square

A square color scheme pairs Armour with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#123456
#123456
#123456
#123456

Armour Color Variations

Shades

Shades are darker versions of Armour, made by adding black for more depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Lighter versions of Armour are called tints, created by adding white for a softer look.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones are created by adding gray to Armour, resulting in softer, more muted variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Armour (#B8B9BE), differing in intensity or temperature to create distinct effects.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Armour?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion