Nocturnal #767D86

Nocturnal (#767D86) is a grey neutral with an OKLCH hue of 255°, lightness 0.59 and chroma 0.016. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#767D86
RGBrgb(118, 125, 134)
HSLhsl(214, 6%, 49%)
HSVhsv(214, 12%, 53%)
CMYKcmyk(12%, 7%, 0%, 47%)
CIE Lablab(52.1 -0.7 -5.8)
OKLCHoklch(0.587 0.016 255)

How Nocturnal behaves under real light

Under warm 2700K interior light Nocturnal shifts only faintly, with no single dominant change; 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.

Test Nocturnal 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 4.16:1 and against black 5.05:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text.

Colors that go with Nocturnal

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.

#ced4db · #a6acb5 · #767d86 · #5c626b · #3b4048 · #1d2127

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.

#78a9bb · #6794b3 · #767d86 · #5c6994 · #57547c · #504264

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.

#c6ade0 · #a095ad · #767d86 · #466183 · #2d4564 · #30253b

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.

#d3e5fd · #dcb989 · #767d86 · #545e6a · #304055 · #1b2430

Quiet Support

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

#f6f1ea · #9198a1 · #767d86 · #65625d · #232931 · #020100

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.

#eff2f6 · #c6cace · #767d86 · #21262b · #03050a · #f4b14b

Complementary

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

#fbf0e2 · #ae926e · #767d86 · #7b5c2e · #3a2300 · #000108

Split-complementary

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

#fbf0e2 · #b88c79 · #767d86 · #69652e · #411d0b · #040300

Triadic

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

#ffeded · #b9898c · #767d86 · #506c3f · #1a2f0c · #090001

Tetradic

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

#feecf5 · #b389a0 · #767d86 · #7b5c2e · #003121 · #130700

Tints, shades & muted variants

Tints

#8A9098 · #9EA3AB · #B2B7BD · #C8CCD1 · #DDE0E4

Shades

#61676F · #4C5259 · #383D43 · #262A2F · #14181C

Using Nocturnal

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