Color Palettes

Storm gray color

A moody blue-gray that looks like heavy clouds before rain. It adds depth to bedrooms, exteriors and wedding palettes without feeling as heavy as charcoal.

Also known as: Stormy gray.

Open in editor

The hex code for storm gray is #717486. In RGB it is rgb(113, 116, 134), in HSL hsl(231, 9%, 48%) and in CMYK 16, 13, 0, 47.

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 storm gray

Slate gray#708090Steel gray#71797ELight slate gray#778899Lead gray#6C6F73Payne's gray#536878Dove gray#6D6C6C

About storm gray

Storm gray (#717486) is a neutral, mid-tone, muted color. It belongs to the grays family. It mixes 113 red, 116 green and 134 blue (out of 255). It is mostly used in home decor, weddings, architecture.

Swatch of Storm gray with its shades from light to dark · #717486
Storm gray · #717486

Storm gray shades and tints

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

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Storm gray color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Stone gray
AnalogousClose to: Steel gray
TriadicClose to: Taupe gray, Camouflage green
Split complementaryClose to: Sandstone, Camouflage green
TetradicClose to: Mountbatten pink, Stone gray, Eucalyptus

Storm gray color palettes

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

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

Storm gray contrast with text

White textContrast 4.6:1 · AA
Black textContrast 4.5:1 · AA

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

CSS code

:root {
  --storm-gray: #717486;
  --storm-gray-rgb: 113, 116, 134;
}
.bg { background-color: var(--storm-gray); }
.text { color: var(--storm-gray); }

Colors similar to storm gray

Taupe grayGrayMedium grayDim gray

Themed palettes with this color

Website color palettesClothing store color palettesWinter color palettesCalming color palettesMasculine color palettesPatagonia color palettes

More grays

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

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 storm gray?

The hex code for storm gray is #717486. In RGB it is rgb(113, 116, 134), in HSL hsl(231, 9%, 48%) and in CMYK 16, 13, 0, 47.

What is the complementary color of storm gray?

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

Can you use white text on storm gray?

Yes. The contrast with white is 4.6:1, enough for body text (WCAG AA).