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

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
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.

Color Harmonies

Complementary

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

Analogous

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

Triadic

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

Split-Complementary

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

Tetradic (Square)

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

Monochromatic

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

Shades & Tints

A seamless scale of #848482 from deepest shade to lightest tint.

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);
}