#BABFBCMetal (#BABFBC) is a grey neutral with an OKLCH hue of 160°, lightness 0.8 and chroma 0.007. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #BABFBC |
|---|---|
| RGB | rgb(186, 191, 188) |
| HSL | hsl(144, 4%, 74%) |
| HSV | hsv(144, 3%, 75%) |
| CMYK | cmyk(3%, 0%, 2%, 25%) |
| CIE Lab | lab(76.9 -2.3 0.9) |
| OKLCH | oklch(0.800 0.007 160) |
Under warm 2700K interior light Metal 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.9), so it is a lighting-stable choice.
#c2bab0 — ΔE 1.9, shifts subtly: takes on a orange cast#c1c0b8 — ΔE 1.2, shifts only faintly, with no single dominant change#babfbc — ΔE 0.0, is virtually unchanged#bac0bf — ΔE 0.4, is virtually unchangedTest Metal 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 1.86:1 and against black 11.27:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white 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.
#eff3f0 · #babfbc · #9fa3a1 · #7a7e7b · #575a58 · #363937
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.
#b8f2ee · #a2e0cf · #babfbc · #91b78f · #8da076 · #878a61
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.
#babfbc · #84a5ac · #5e8c73 · #226e7c · #27523c · #10333a
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.
#d5e6dc · #babfbc · #b785a5 · #466253 · #2b4336 · #16261d
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#babfbc · #a69fa3 · #6a746e · #474245 · #141e18 · #020101
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.
#f0f2f1 · #babfbc · #4f5250 · #343735 · #131614 · #df5fbb
The same quiet ground carrying one bright gold voice — the high-energy pairing a cool or muted anchor cannot reach through its own temperature.
#f0f2f1 · #babfbc · #4f5250 · #343735 · #131614 · #f2ba4d
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#babfbc · #ac9ca6 · #89637c · #5e3350 · #2e0d24 · #000401
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#babfbc · #ac9ca6 · #7c678b · #65313a · #241131 · #060001
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#babfbc · #9ea0b0 · #6a6d94 · #653423 · #330e02 · #010007
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#babfbc · #97a3af · #567493 · #5e3350 · #2a1600 · #040002
#c6cac7 · #d1d4d2 · #dddfde · #e8eae9 · #f4f4f4
#9b9f9d · #7c7f7d · #5d605e · #3e403f · #1f201f
Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors.