Lights Out #3D474B

Lights Out (#3D474B) is a grey neutral with an OKLCH hue of 224°, lightness 0.39 and chroma 0.015. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#3D474B
RGBrgb(61, 71, 75)
HSLhsl(197, 10%, 27%)
HSVhsv(197, 19%, 29%)
CMYKcmyk(19%, 5%, 0%, 71%)
CIE Lablab(29.4 -3 -3.8)
OKLCHoklch(0.390 0.015 224)

How Lights Out behaves under real light

Under warm 2700K interior light Lights Out is virtually unchanged; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1), so it is a lighting-stable choice.

Test Lights Out in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

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

Colors that go with Lights Out

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.

#98a0a3 · #727b7f · #3d474b · #2d373a · #10181b · #000203

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.

#3a716f · #1c6069 · #3d474b · #093a56 · #112847 · #111735

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.

#b3b9d6 · #72a4b7 · #717aaa · #5a5f76 · #3d474b · #003140

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.

#c68f78 · #56666d · #3d474b · #0e2d38 · #00131b · #000204

Quiet Support

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

#f8f0ec · #9ba7ac · #625c5a · #3d474b · #243035 · #030101

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.

#eef3f4 · #c5cacc · #3d474b · #1e2628 · #020507 · #f0763c

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.

#eef3f4 · #c5cacc · #3d474b · #1e2628 · #020507 · #ebbd4d

Complementary

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

#ffeee7 · #c69986 · #814f3a · #3d474b · #482211 · #000408

Split-complementary

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

#ffeee7 · #c79699 · #775729 · #3d474b · #491f24 · #130700

Triadic

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

#feecf6 · #c196ae · #656029 · #3d474b · #342f00 · #040002

Tetradic

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

#f7eefd · #b29ac0 · #814f3a · #3d474b · #203511 · #0c0100

Tints, shades & muted variants

Tints

#586165 · #757D80 · #929A9D · #B1B7BA · #D1D6D8

Shades

#323B3F · #283033 · #1E2528 · #151B1D · #0C1113

Using Lights Out

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