Dark Slate Gray #2F4F4F

Also known as Dark Slate Grey.

Dark Slate Gray (#2F4F4F) is a dark, muted blue-green with an OKLCH hue of 196°, lightness 0.4 and chroma 0.038. It sits on the cool side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#2F4F4F
RGBrgb(47, 79, 79)
HSLhsl(180, 25%, 25%)
HSVhsv(180, 41%, 31%)
CMYKcmyk(41%, 0%, 0%, 69%)
CIE Lablab(31.3 -11.7 -3.7)
OKLCHoklch(0.403 0.038 196)

How Dark Slate Gray behaves under real light

Under warm 2700K interior light Dark Slate Gray shifts subtly: leans toward green; in north-facing or shaded light it shifts subtly: leans toward sky blue. Overall drift across common illuminants is small (max ΔE ≈ 1.1), so it is a lighting-stable choice.

Contrast & accessibility

Against white it measures 8.93:1 and against black 2.35:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid black text on this color entirely.

Palettes built from Dark Slate Gray

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.

#86a09f · #5f7b7b · #2f4f4f · #193737 · #001818 · #000202

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.

#447184 · #22636e · #2f4f4f · #00483e · #063c29 · #102f16

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.

#8ca2b8 · #5c85ac · #536679 · #2f4f4f · #003737 · #001c1c

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.

#b4787b · #586b6b · #2f4f4f · #0d3233 · #001717 · #000202

Quiet Support

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

#f9efef · #9caaa9 · #665f60 · #2f4f4f · #273434 · #020101

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.

#e8f5f5 · #bdcdcc · #2f4f4f · #102828 · #000606 · #e54d64

Gold Accent

The same quiet ground carrying one bright gold voice — the high-energy pairing a cool or muted anchor cannot reach through its own temperature.

#e8f5f5 · #bdcdcc · #2f4f4f · #102828 · #000606 · #eebc4d

Complementary

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

#d2e2bf · #98d2aa · #da5c64 · #8d5f80 · #2f4f4f · #210617

Split-complementary

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

#ffeded · #c398af · #85533c · #2f4f4f · #482338 · #0c0100

Triadic

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

#f8eefc · #b69cc1 · #7a5b2c · #2f4f4f · #432c02 · #020004

Tetradic

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

#f0f0ff · #a3a2cb · #874f53 · #2f4f4f · #363303 · #090001

Tints, shades & muted variants

Tints

#4C6969 · #6B8383 · #8A9F9F · #AABCBC · #CBD9D9

Shades

#254242 · #1C3636 · #132A2A · #0A1F1F · #041414

Muted

#354E4E · #3B4C4C · #404B4B

Using Dark Slate Gray

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