Storm Grey #717486

Storm Grey (#717486) is a grey neutral with an OKLCH hue of 278°, lightness 0.56 and chroma 0.028. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#717486
RGBrgb(113, 116, 134)
HSLhsl(231, 9%, 48%)
HSVhsv(231, 16%, 53%)
CMYKcmyk(16%, 13%, 0%, 47%)
CIE Lablab(49.2 2.8 -10.2)
OKLCHoklch(0.563 0.028 278)

How Storm Grey behaves under real light

Under warm 2700K interior light Storm Grey shifts subtly: takes on a purple cast; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.5), so it is a lighting-stable choice.

Contrast & accessibility

Against white it measures 4.62:1 and against black 4.54:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text.

Palettes built from Storm Grey

Tonal

One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.

#c8cad9 · #a0a3b4 · #717486 · #575a6a · #363947 · #191a26

Analogous

The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.

#7c9dbc · #7187b0 · #717486 · #665c88 · #5e496e · #533854

Shifted

The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.

#cea1c9 · #a18b9e · #717486 · #50557c · #363a5d · #301d2e

Contrast

One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.

#d1c58d · #9295a4 · #717486 · #50546d · #34374c · #1a1c2a

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#f3f2ea · #8d8f99 · #717486 · #5d5c56 · #23252e · #010100

Bright Accent

This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.

#f0f1f9 · #c7c8d1 · #717486 · #20212d · #02030b · #dcc54e

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#f6f2e1 · #999166 · #717486 · #675c26 · #2d2500 · #010007

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#f6f2e1 · #a98a68 · #717486 · #4f6434 · #381f00 · #010200

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#ffede8 · #b18476 · #717486 · #33684b · #002e19 · #050000

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#ffecef · #b18189 · #717486 · #675c26 · #002d2a · #040200

Tints, shades & muted variants

Tints

#858899 · #9A9DAB · #B0B2BF · #C6C8D2 · #DDDEE6

Shades

#5D5F70 · #494C5A · #373945 · #252731 · #14161F

Using Storm Grey

Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.

Similar colors