Foil #C0C3C4

Foil (#C0C3C4) is a grey neutral with an OKLCH hue of 220°, lightness 0.82 and chroma 0.004. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#C0C3C4
RGBrgb(192, 195, 196)
HSLhsl(195, 3%, 76%)
HSVhsv(195, 2%, 77%)
CMYKcmyk(2%, 1%, 0%, 23%)
CIE Lablab(78.6 -0.8 -0.9)
OKLCHoklch(0.815 0.004 220)

How Foil behaves under real light

Under warm 2700K interior light Foil 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.

Test Foil in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

Against white it measures 1.77:1 and against black 11.84:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.

Colors that go with Foil

Tonal

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.

#eff2f3 · #c0c3c4 · #a0a3a3 · #7b7d7e · #57595a · #363839

Analogous

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.

#b1eae3 · #9bdde3 · #c0c3c4 · #84b7d6 · #80a0c4 · #7b8aaf

Shifted

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.

#c0c3c4 · #9aa2bb · #578e9f · #586593 · #1f5362 · #2a3047

Contrast

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.

#d7eaf1 · #c0c3c4 · #c18975 · #44656f · #29464f · #16282e

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#c0c3c4 · #aca4a1 · #6b767a · #4a4442 · #121e22 · #030101

Bright Accent

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.

#f1f2f2 · #c0c3c4 · #a1a2a3 · #2e3031 · #0e0f10 · #ef6a39

Gold Accent

The same quiet ground carrying one bright gold voice — the high-energy pairing a cool or muted anchor cannot reach through its own temperature.

#f1f2f2 · #c0c3c4 · #a1a2a3 · #2e3031 · #0e0f10 · #ecbd4d

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#c0c3c4 · #b3a29c · #93685a · #673626 · #340f03 · #000408

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#c0c3c4 · #b3a29c · #94666c · #5f3d10 · #330c15 · #130600

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#c0c3c4 · #b0a1ab · #8c6780 · #50460c · #221c00 · #040002

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#c0c3c4 · #aaa3b1 · #7f6b8f · #673626 · #122100 · #0d0100

Tints, shades & muted variants

Tints

#cbcdce · #d5d7d8 · #e0e1e2 · #eaebeb · #f5f5f5

Shades

#a0a3a3 · #808283 · #606262 · #404141 · #202121

Using Foil

Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors.

Similar colors