Battleship Grey

Meet Battleship Grey, #848482. This solid, dependable neutral possesses a distinct character that sets it apart from standard greys. Its balanced tone provides a stable foundation for any palette, offering a quiet strength that supports rather than dominates a design.

What color is Battleship Grey?

What is the meaning of Battleship Grey?

How do I use Battleship Grey (#848482) in UI design?

Using Battleship Grey color codes

Battleship Grey

#848482

Access our full UI & UX library today.

What color is Battleship Grey?

What is the meaning of Battleship Grey?

How do I use Battleship Grey (#848482) in UI design?

Using Battleship Grey color codes

Battleship Grey Code Conversions

HEX

#848482

LAB

55, 0, 1

RGB

132, 132, 130

XYZ

21.8, 23.0, 24.4

HSL

60°, 1%, 51%

LCH

55, 1, 110°

HSB

60°, 2%, 52%

LUV

55, 0, 2

CMYK

0, 0, 2, 48

CMYK

0, 0, 2, 48

HWB

60°, 51%, 48%

Battleship Grey Color Harmonies

Analogous

Analogous schemes use colors adjacent on the color wheel. With Battleship Grey, this creates a unified and serene composition, perfect for calm interfaces.

#848382

#848482

#838482

#848382

#848482

#838482

Complementary

Complementary colors sit opposite each other on the color wheel. Pairing them with Battleship Grey creates a striking, high-contrast visual effect.

#848482

#828284

#848482

#828284

Split Complementary

For Battleship Grey, a split complementary scheme uses the two colors adjacent to its direct opposite, offering a more nuanced and versatile color harmony.

#848482

#828384

#838284

#848482

#828384

#838284

Triadic

Triadic palettes use three hues equidistant on the color wheel. For Battleship Grey, this creates a high-contrast yet harmonious color combination.

#848482

#828484

#848284

#848482

#828484

#848284

Tetradic

A tetradic scheme for Battleship Grey uses four colors that form a rectangle on the color wheel, creating a rich palette with two complementary pairs.

#848482

#828483

#828284

#848283

#848482

#828483

#828284

#848283

Square

A square color scheme pairs four colors that are equidistant on the color wheel, creating a balanced yet highly contrasting combination around Battleship Grey.

#848482

#828483

#828284

#848283

#848482

#828483

#828284

#848283

Battleship Grey Contrast Simulation

Text Color

#

Background Color

#

5.60

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

5.60

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Battleship Grey Color Variations

Shades

Shades of Battleship Grey are created by adding black, resulting in darker, weightier tones.

#848482

#71716F

#5E5E5D

#4B4B4A

#393938

#262625

#131313

#000000

#848482

#71716F

#5E5E5D

#4B4B4A

#393938

#262625

#131313

#000000

Tints

Tints of Battleship Grey are lighter values created by adding white for a softer appearance.

#848482

#969694

#A7A7A6

#B9B9B8

#CACAC9

#DCDCDB

#EDEDED

#FFFFFF

#848482

#969694

#A7A7A6

#B9B9B8

#CACAC9

#DCDCDB

#EDEDED

#FFFFFF

Tones

Tones are created by mixing Battleship Grey with gray, producing softer, more subdued variations.

#848482

#838382

#838381

#828281

#828281

#818181

#818180

#808080

#848482

#838382

#838381

#828281

#828281

#818181

#818180

#808080

Hues

Hues are variations of Battleship Grey, differing in temperature and intensity to alter visual mood.

#848482

#838482

#828483

#828484

#828284

#848284

#848283

#848382

#848482

#838482

#828483

#828484

#828284

#848284

#848283

#848382

What Interfaces Use Colors Like Battleship Grey?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox