#525054Magnet (#525054) is a grey neutral with an OKLCH hue of 308°, lightness 0.43 and chroma 0.007. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #525054 |
|---|---|
| RGB | rgb(82, 80, 84) |
| HSL | hsl(270, 2%, 32%) |
| HSV | hsv(270, 5%, 33%) |
| CMYK | cmyk(2%, 5%, 0%, 67%) |
| CIE Lab | lab(34.3 1.7 -2.1) |
| OKLCH | oklch(0.435 0.007 308) |
Under warm 2700K interior light Magnet 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), so it is a lighting-stable choice.
#554e4e — ΔE 1.0, shifts only faintly, with no single dominant change#555052 — ΔE 0.6, is virtually unchanged#525054 — ΔE 0.0, is virtually unchanged#525055 — ΔE 0.2, is virtually unchangedTest Magnet 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 7.97:1 and against black 2.63:1, so white text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid black text on this color entirely.
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.
#a5a4a7 · #807e82 · #525054 · #3b393d · #1c1b1e · #040304
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.
#697095 · #625b85 · #525054 · #533356 · #47233b · #381523
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.
#c09fa8 · #b17788 · #80646c · #525054 · #402d50 · #261533
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.
#b6ce9a · #978ba3 · #746d7a · #525054 · #3a2e44 · #1d1623
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#f0f3ec · #aea9b3 · #696b66 · #525054 · #3c3740 · #010100
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.
#f2f1f3 · #cfced0 · #a8a7a9 · #525054 · #1d1b1e · #a9d66d
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#edf5e5 · #a0b38b · #5d7343 · #525054 · #2f3f19 · #020005
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#edf5e5 · #b5ad81 · #42775a · #525054 · #42390a · #000401
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#fcefe2 · #c5a583 · #2b7872 · #525054 · #00433f · #130600
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#ffede8 · #ce9f90 · #5d7343 · #525054 · #00414f · #000100
#6f6d71 · #8c8a8d · #a9a8aa · #c5c5c6 · #e2e2e3
#444346 · #373538 · #29282a · #1b1b1c · #0e0d0e
Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors.