#987E7EOpium (#987E7E) is a mid-tone, muted red with an OKLCH hue of 18°, lightness 0.62 and chroma 0.032. It sits on the warm side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #987E7E |
|---|---|
| RGB | rgb(152, 126, 126) |
| HSL | hsl(0, 11%, 55%) |
| HSV | hsv(0, 17%, 60%) |
| CMYK | cmyk(0%, 17%, 17%, 40%) |
| CIE Lab | lab(55.2 10 3.7) |
| OKLCH | oklch(0.617 0.032 18) |
Under warm 2700K interior light Opium shifts subtly: leans toward orange; in north-facing or shaded light it shifts subtly: leans toward magenta. Overall drift across common illuminants is small (max ΔE ≈ 1.4), so it is a lighting-stable choice.
#9c7a75 — ΔE 1.4, shifts subtly: leans toward orange#9c7e7b — ΔE 0.8, shifts subtly: leans toward orange#987e7e — ΔE 0.0, is virtually unchanged#987f80 — ΔE 0.3, shifts subtly: leans toward magentaTest Opium in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.
Against white it measures 3.74:1 and against black 5.62:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text.
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.
#edd7d7 · #c7afaf · #987e7e · #7b6464 · #564242 · #342323
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.
#c9a089 · #bd897c · #987e7e · #966270 · #7d546a · #644661
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.
#e3bb8e · #b3a08b · #987e7e · #89595a · #693f40 · #402e1a
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.
#ffe7e7 · #88d3d6 · #987e7e · #726060 · #5b3e3f · #372626
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#eaf4f4 · #aa9d9d · #987e7e · #666d6d · #352929 · #000101
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.
#faefef · #d3c6c6 · #987e7e · #322121 · #0e0303 · #e54e5e
The same quiet ground carrying one bright gold voice — the high-energy pairing a cool or muted anchor cannot reach through its own temperature.
#faefef · #d3c6c6 · #987e7e · #322121 · #0e0303 · #dbc54e
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#e1f7f7 · #73adae · #987e7e · #2a787b · #003435 · #0a0001
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#e1f7f7 · #7cad9a · #987e7e · #36738d · #003626 · #000409
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#ebf6e7 · #8faa86 · #987e7e · #506c96 · #172c4c · #000200
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#f3f3e2 · #a4a478 · #987e7e · #2a787b · #2b264a · #000202
#A89190 · #B8A3A3 · #C9B7B7 · #D9CACA · #EADEDE
#7E6767 · #655151 · #4D3C3C · #362828 · #211515
#948080 · #908181 · #8C8383
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.