#BCC3C7Metallic (#BCC3C7) is a grey neutral with an OKLCH hue of 232°, lightness 0.81 and chroma 0.01. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.
| HEX | #BCC3C7 |
|---|---|
| RGB | rgb(188, 195, 199) |
| HSL | hsl(202, 9%, 76%) |
| HSV | hsv(202, 6%, 78%) |
| CMYK | cmyk(6%, 2%, 0%, 22%) |
| CIE Lab | lab(78.4 -1.6 -2.8) |
| OKLCH | oklch(0.813 0.010 232) |
Under warm 2700K interior light Metallic 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 ≈ 2), so it is a lighting-stable choice.
#c4beba — ΔE 2.0, shifts only faintly, with no single dominant change#c3c4c3 — ΔE 1.2, shifts only faintly, with no single dominant change#bcc3c7 — ΔE 0.0, is virtually unchanged#bcc4ca — ΔE 0.4, is virtually unchangedTest Metallic 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.78:1 and against black 11.77: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.
#edf3f6 · #bcc3c7 · #9da3a7 · #787e81 · #555a5d · #34393b
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.
#b0e9ec · #9ddbec · #bcc3c7 · #8cb3d9 · #889cc5 · #8386ad
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.
#bcc3c7 · #9fa0ba · #5c8ba4 · #626191 · #255166 · #2e2e45
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.
#d7e9f2 · #bcc3c7 · #c59374 · #668393 · #496270 · #33434c
The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.
#bcc3c7 · #aba4a0 · #6b757b · #494441 · #131d23 · #040201
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.
#eff2f4 · #bcc3c7 · #9ca0a2 · #262b2d · #060a0c · #f18941
The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.
#bcc3c7 · #b2a299 · #906a53 · #64391c · #311100 · #00060f
The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.
#bcc3c7 · #b2a299 · #946663 · #59410a · #340c0d · #0d0500
Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.
#bcc3c7 · #b2a0a7 · #906577 · #464912 · #1d1e00 · #040001
Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.
#bcc3c7 · #ada1ae · #856889 · #64391c · #062305 · #110300
#c7cdd0 · #d2d7da · #dee1e3 · #e9ebec · #f4f5f6
#9da3a6 · #7d8285 · #5e6264 · #3f4142 · #1f2121
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.