Color Palettes

Battleship gray color

A neutral medium gray named after the paint used on naval warships. It is practical and no-nonsense, common on garage floors, workwear and car finishes.

Also known as: Battleship.

The hex code for battleship gray is #848482. In RGB it is rgb(132, 132, 130), in HSL hsl(60, 1%, 51%) and in CMYK 0, 0, 2, 48.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to battleship gray

Gray#808080Medium gray#808080Smoke gray#848884Taupe gray#8B8589Stone gray#928E85Nickel#727472

About battleship gray

Battleship gray (#848482) is a neutral, mid-tone, almost unsaturated color. It belongs to the grays family. It mixes 132 red, 132 green and 130 blue (out of 255). It is mostly used in cars, industrial, menswear.

Swatch of Battleship gray with its shades from light to dark · #848482
Battleship gray · #848482

Battleship gray shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Battleship gray outfits: palettes by season

Outfit palettes with battleship gray or a very close shade, each with 8 outfits to copy.

Quiet luxuryFall · MenMinimalistFall · MenStreetwearSpring · MenOfficeSummer · MenStreetwearSummer · MenMountainWinter · MenOfficeWinter · MenNight outSpring · Men

Battleship gray color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Battleship gray
Analogous palette · Battleship gray
Complementary palette · Battleship gray
Triadic palette · Battleship gray
With neutrals palette · Battleship gray
With an accent palette · Battleship gray

Battleship gray contrast with text

White textContrast 3.7:1 · AA large text
Black textContrast 5.6:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --battleship-gray: #848482;
  --battleship-gray-rgb: 132, 132, 130;
}
.bg { background-color: var(--battleship-gray); }
.text { color: var(--battleship-gray); }

Colors similar to battleship gray

Steel grayPewterLead grayDove gray

Themed palettes with this color

More grays

GrayLight grayDark graySilverCharcoal graySlate grayAsh grayPearl grayOxford grayGraphiteTaupeSteel grayLead graySmoke grayStone grayPlatinumBlue grayGreigeGunmetal grayPewterCool grayDove grayGainsboroLight slate gray
Swatch of Battleship gray with its shades from light to dark · #848482
Swatch of Battleship gray with its shades from light to dark · #848482

Try this next

Name color paletteType a name and get your own color story paletteColor aquariumA relaxing 3D aquarium in your palettesFamily birth flower bouquetEveryone's birth flowers in one bouquet
See all free tools →

Frequently asked questions

What is the hex code for battleship gray?

The hex code for battleship gray is #848482. In RGB it is rgb(132, 132, 130), in HSL hsl(60, 1%, 51%) and in CMYK 0, 0, 2, 48.

What is the complementary color of battleship gray?

Its complement on the color wheel is #828284, close to gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on battleship gray?

Use black text instead: the contrast with white is only 3.7:1, while with black it is 5.6:1.