Battleship Grey

HEX: #848482 | Modern Palette

On White
3.75:1
FAIL
On Black
5.60:1
PASS

Color Specifications

HEX
#848482
RGB
132, 132, 130
HSL
60°, 1% ,51%
CMYK
0, 0, 1.52, 48.24

About Battleship Grey

Battleship Grey (#848482) is a color with RGB(132, 132, 130) and HSL(60°, 1.52%, 51.76%). It is commonly associated with Minimal, Earthy moods. In design, it fits Monochrome, Muted styles and is suitable for Text, Background, Border. Its complementary color is #828284, which creates strong contrast. Its triadic palette includes #828484 and #848284. The name comes from Battleship Grey (English).

  • HEX: #848482
  • RGB: 132, 132, 130
  • HSL: 60°, 1.52%, 51.76%
  • Mood: Minimal, Earthy
  • Style: Monochrome, Muted
  • Use case: Text, Background, Border
  • Complementary color: #828284
  • Triadic colors: #828484, #848284
  • The name comes from Battleship Grey (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Battleship Grey #848482 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
BATTLESHIP GREY
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
BATTLESHIP GREY
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
JET

Color Harmonies

Battleship Grey #848482 pairs with #828284 as its complementary color, and #828484 and #848284 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

BATTLESHIP GREY
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

BATTLESHIP GREY
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

BATTLESHIP GREY
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

BATTLESHIP GREY
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

BATTLESHIP GREY
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

BATTLESHIP GREY

Shades & Tints

The shade and tint range for Battleship Grey #848482 moves from dark #0D0D0D tones through the base color to lighter #F2F2F2 tones, making it useful for depth, hierarchy, and background variation.

BATTLESHIP GREY
GAINSBORO

Color Characteristics

Mood
Minimal Earthy
Style
Monochrome Muted
Use case
Text Background Border

Accessibility Simulation

Deuteranopia #848482
Protanopia #848482
Tritanopia #848484
Achromatopsia #848484

Frequently Asked Questions

Battleship Grey (#848482) is a color with RGB(132, 132, 130) and HSL(60°, 1.52%, 51.76%).

#848482 pairs strongly with #828284 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#848482 is suitable for Text, Background, Border and works well with Monochrome, Muted styles.

#848482 is commonly associated with Minimal, Earthy.

The name Battleship Grey is linked to Battleship Grey from English, meaning A specific shade of dark grey, historically used on naval warships..

Name, History & Etymology

Origin Word Battleship Grey
Meaning A specific shade of dark grey, historically used on naval warships.
Language English
First Recorded Use Late 19th Century

History

The term 'Battleship Grey' emerged as navies around the world began standardizing the paint schemes for their warships in the late 19th century. Prior to this, ship colors varied widely. The adoption of a dark grey was primarily for camouflage, making ships less visible against the often-grey sea and sky, especially at a distance. The specific shade could vary slightly between navies and over time, but the concept remained consistent. It became iconic with the dreadnought era and the major naval powers of the early 20th century. The color is often associated with strength, utility, and military precision.

First Recorded Use

Circa 1890s

Cultural Associations

Beyond its literal use on ships, 'Battleship Grey' has entered popular culture as a descriptor for a utilitarian, often somewhat drab, but robust grey color. It's used in design, fashion, and industrial contexts to evoke a sense of durability, functionality, and a no-nonsense aesthetic. It can sometimes carry connotations of austerity or a lack of flair, but also reliability and strength. It's a common color for industrial machinery, certain types of clothing, and even some architectural elements.

Similar Named Colors
Gray #808080 ΔE 1.87
Taupe Gray #8B8589 ΔE 5.40
Sonic Silver #757575 ΔE 5.89
Rocket Metallic #8A7F80 ΔE 6.48

Code Snippets

/* Background */
.element {
    background-color: #848482;
}

/* Text */
.element {
    color: #848482;
}

/* Border */
.element {
    border: 1px solid #848482;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #848482,
        #828286
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #848482,
        #828286
    );
}

// SCSS variable
$battleship-grey: #848482;

// With RGB channels (useful for rgba() usage)
$battleship-grey-r: 132;
$battleship-grey-g: 132;
$battleship-grey-b: 130;

// Usage
.element {
    background-color: $battleship-grey;
    color: rgba($battleship-grey-r, $battleship-grey-g, $battleship-grey-b, 0.8);
}