#848482
Gray family

Battleship Gray

Also known as: muted · industrial · resilient · neutral · cool
Save
Hex #848482
RGB rgb(132, 132, 130)
HSL hsl(60°, 1%, 51%)
CMYK 0 · 0 · 2 · 48
RAL RAL 7003 · Moss Grey
NCS S 5000-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In military contexts, Battleship Gray conveys stability and protection, symbolizing the formidable presence of naval power. However, in design, it often represents neutrality and balance, making it versatile in both industrial and contemporary spaces.

The term 'Battleship Gray' became prominent in the early 20th century, particularly during World War I when the U.S. Navy adopted this color for its ships to confuse enemy targeting. The choice reflected advances in naval camouflage techniques pioneered by figures like Hugh McKee.

mutedindustrialresilientneutralcool

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Battleship Gray. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Grays →

Shades & tints

Nine steps of Battleship Gray by lightness — from #454544 (darkest) to #BFBFBE (lightest). Click any to copy.

-40% #454544
-30% #545453
-20% #646463
-10% #747472
BASE #848482
+15% #939391
+30% #A2A2A0
+50% #B0B0AF
+70% #BFBFBE

Palettes

Curated 5-color combinations featuring Battleship Gray.

#848482
#1F1F1F
#D0D0D0
#FF5733
#4CAF50

Urban Steel

Modern industrial
#848482
#2E86C1
#BDC3C7
#E67E22
#8E44AD

Stormy Seas

Calm turbulence
#848482
#B2B2B2
#7D3C98
#D35400
#27AE60

Tactical Terrain

Strategic balance

Battleship Gray scale

A 50–900 tonal scale with Battleship Gray anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F5F5F5
100 #E9E9E9
200 #D0D0D0
300 #B8B8B7
400 #9E9E9C
500 #848482
600 #6C6C6B
700 #575756
800 #424241
900 #2D2D2C

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 5.6:1
Battleship Gray as text on… Ratio AA AAA
Aa White background 3.75:1 Large only Fail
Aa Black background 5.6:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #848482

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #848482;
CSS color-mix (lighten 30%) color-mix(in srgb, #848482 70%, white)
HSV / HSB 60°, 2%, 52%
CMYK (print) 0, 0, 2, 48
Decimal 8684674
Nearest web-safe #999999

Color vision

How Battleship Gray appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#848482

Protanopia (no red)

#848482

Deuteranopia (no green)

#848483

Tritanopia (no blue)

#848383
Platinum
12 / 27 Grays Cement
Copied!