#827B77Mule (#827B77) is a grey neutral with an OKLCH hue of 52°, lightness 0.59 and chroma 0.011. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #827B77 |
|---|---|
| RGB | rgb(130, 123, 119) |
| HSL | hsl(22, 4%, 49%) |
| HSV | hsv(22, 8%, 51%) |
| CMYK | cmyk(0%, 5%, 8%, 49%) |
| CIE Lab | lab(52.1 1.9 3.1) |
| OKLCH | oklch(0.588 0.011 52) |
Under warm 2700K interior light Mule shifts subtly: takes on a orange cast; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.3), so it is a lighting-stable choice.
#87786f — ΔE 1.3, shifts subtly: takes on a orange cast#867b74 — ΔE 0.7, is virtually unchanged#827b77 — ΔE 0.0, is virtually unchanged#827c79 — ΔE 0.3, is virtually unchangedTest Mule 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 4.16:1 and against black 5.05: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.
#d8d2cf · #b1aba7 · #827b77 · #67615d · #443f3c · #25201d
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.
#b29e77 · #aa8762 · #827b77 · #8f5d4f · #7a4b4b · #653c46
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.
#c1bd84 · #9e9c82 · #827b77 · #7d553e · #5e3b25 · #2e2c12
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.
#f9dece · #7eb8d7 · #827b77 · #685a52 · #51392b · #2e2018
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#ebf3f8 · #a0958f · #827b77 · #5e6467 · #302621 · #000102
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.
#f4f1ef · #cdc9c8 · #827b77 · #2c2825 · #0b0705 · #f18840
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#e4f5ff · #729fb7 · #827b77 · #306a86 · #002d40 · #110300
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#e4f5ff · #6aa3a7 · #827b77 · #4b638e · #002f33 · #000007
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#e4f7f0 · #71a493 · #827b77 · #635b8a · #2a2245 · #000201
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#eaf6e8 · #83a17f · #827b77 · #306a86 · #371d3b · #00040a
#948E8B · #A7A29F · #BBB6B3 · #CECAC8 · #E2DFDD
#6B6561 · #55504D · #403C39 · #2D2926 · #1A1715
Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors.