NEUTRALS

San Francisco Fog

#C4C2BC

RGB 196, 194, 188 · HSL 45°, 6%, 75% · CMYK 0, 1, 4, 23

San Francisco Fog is #C4C2BC in HEX — rgb(196, 194, 188), hsl(45°, 6%, 75%), cmyk(0%, 1%, 4%, 23%).

San Francisco Fog pulls into the light end of the neutrals spectrum — HSL 45°, 6%, 75%. The neutral saturation makes it near-neutral and forgiving, and the hue reads cool. In interior projects it shines on main walls, trims, ceilings — versatile across nearly any style. Reads best alongside soft whites, natural wood, matte black trim, linen.

HEX#C4C2BC
RGB196, 194, 188
HSL45°, 6%, 75%
HSV45°, 4%, 77%
CMYK0, 1, 4, 23
Decimal12894908
CSS RGBrgb(196, 194, 188)
CSS HSLhsl(45, 6%, 75%)

Sherwin-Williams

Knitting Needles SW7672

ΔE 0.6 · #C3C1BC

Benjamin Moore

Smoke 1466 · AC-28

ΔE 0.9 · #C2C0BB

Dunn-Edwards

Gray Pearl DEC795

ΔE 0.9 · #C3C0BB

Vista Paint

Place of Dust C-538

ΔE 1.1 · #C7C4BF

Kilz

Sugared Bronze RK140

ΔE 1.3 · #C2C0BC

Behr

Silver City MQ2-59

ΔE 1.3 · #C6C4C0

Dulux

Subdue S11A1

ΔE 1.4 · #C8C3BE

Farrow & Ball

Pavilion Gray 242

ΔE 1.4 · #C8C3BC

Hallman-Lindsay

Place Of Dust 539

ΔE 1.7 · #C6C3C0

IKEA

IKEA187 187

ΔE 1.8 · #BEBFB8

PPG

Early Evening 1006-3

ΔE 2.1 · #CAC7BF

Valspar

Notre Dame 5006-1B

ΔE 2.5 · #C9C9C3

RAL

Agate Grey 7038

ΔE 3.3 · #C3C3C3

Dutch Boy

Laguna White 7411

ΔE 4.5 · #C8CDC9

Colorhouse

Metal .03 Metal-03

ΔE 4.5 · #B5B8B1

Kobra

Silver 47

ΔE 5.1 · #CDCECD

Light Reflectance Value (LRV)

54/100

Light

0 · DarkLight · 100

Reflects plenty of light and keeps spaces feeling open and airy while still showing clear colour. A safe, flexible choice for living areas.

Undertone

TemperatureNeutral MasstoneYellow UndertoneGreen

A near-neutral with a subtle neutral green undertone — it will pick up colour from surrounding surfaces and shift noticeably under different light.

Complementary

#C4C2BC
#BBBDC3

Analogous

#C3BDBB
#C4C2BC
#C1C3BB

Triadic

#C4C2BC
#BBC3C1
#C1BBC3

Split-Complementary

#C4C2BC
#BBC1C3
#BDBBC3

Tetradic

#C4C2BC
#BBC3BD
#BBBDC3
#C3BBC1

Monochromatic

#7A766C
#9F9C93
#C4C2BC
#E7E6E4
#F3F3F1

Rectangle

#C4C2BC
#BDC3BB
#BBBDC3
#C1BBC3

Compound

#C4C2BC
#C1C3BB
#BBBDC3
#BDBBC3

Lighter

#CFCEC9
#DBDAD7
#EAE9E8

Darker

#9F9C93
#706D62
#413F39

Saturation

#C0C0BE
#C3C1BB
#E1D09D

Best Rooms

living rooms, bedrooms, kitchens

Best Uses

main walls, trim, accents

Pairs With

soft whites, natural wood, brass, matte black trim

Aa

vs White

1.78:1

Fail

Aa

vs Black

11.79:1

AAA

Deuteranopia

#C4C2BC
#C4C2BD

Original → Simulated

Protanopia

#C4C2BC
#C2C2BD

Original → Simulated

Tritanopia

#C4C2BC
#C4C1C2

Original → Simulated

Quiet · Versatile

San Francisco Fog gets out of the way so the architecture and the people in the room do the work. The right neutral is never a default — it reads warm or cool, dusty or sharp depending on its undertone, and that undertone is what makes or breaks the room.

SymbolismBalance, sophistication, calm
PersonalityAdaptable, considered, timeless
versatileneutraltimelessbackdroptrimwall
#D2BEA8

Warm Bulb 2700K

Incandescent / soft white LED — pulls colour toward yellow/amber.

#C4C2BC

Daylight 5500K

Midday natural light or daylight-spec LED — closest to the paint chip.

#C0C3CC

Cool Bulb 6500K

Cool white LED / overcast daylight — pulls colour toward blue.

#EBEBEA

Trim

Matched off-white

Same hue at 92% lightness — trim reads coordinated, not stark.

#F7F7F7

Ceiling

Whisper tint

Near-white with a hint of the hero's undertone — ceiling feels intentional.

#8B97BA

Accent

Complementary punch

Hue +180°, slightly muted for paint vs. screen — use on a door, frame, or single piece.

#574738

Floor

Walnut neutral

Warm mid-brown grounds the scheme regardless of hero hue.

Brand · Product Line

Benjamin Moore / Regal Select Interior

Recommended Finishes

Eggshell (walls) · Pearl (trim) · Matte (ceiling)

Eggshell hides imperfections on main walls while keeping the color rich; pearl on trim adds subtle sheen and easier cleaning; flat matte on ceilings prevents glare.

Best Surfaces

Primary walls · Cabinetry · Trim · Soft furniture

Coverage & Dry Time

Typical coverage 350-400 sq ft per gallon over a primed surface.

Touch-dry in ~1 hour. Recoat after 4 hours. Full cure 7-14 days.

Primer

Standard primer is adequate.

Application Tip

Use a 9" microfiber roller on walls and a 2.5" angled sash brush for trim cuts. Two coats minimum for even depth.

You'll need

4.0 litres

1.06 US gallons · room for one touch-up coat. Buy slightly more to ensure single-batch match.

CSS — color
color: #C4C2BC;
CSS — background
background-color: #C4C2BC;
CSS Variable
--color-san-francisco-fog: #C4C2BC;
Tailwind v3 — config
colors: { 'san-francisco-fog': '#C4C2BC' }
Tailwind — arbitrary
bg-[#C4C2BC] text-[#C4C2BC]
SCSS
$san-francisco-fog: #C4C2BC;
Built by DSGN.HOUSE Updated 2026

Our color tools run on our own catalogue of 26,000+ real paint colors across 16 brands — Benjamin Moore, Sherwin-Williams, Behr, Dulux, RAL and more — with the color math (HSL and CIELAB matching) computed in-house, not scraped from summaries. Every color you pick maps to a real, buyable paint with its code, so what you see here you can actually take to the store. We review and update these tools and their data regularly.

Created by Denis Kataev, founder of DSGN.HOUSE — a software engineer and digital entrepreneur building professional color-design tools for everyone.

What color is #C4C2BC?

#C4C2BC is San Francisco Fog, a soft neutral with a cool undertone.

Is #C4C2BC warm or cool?

San Francisco Fog reads cool, which influences how it interacts with surrounding tones and natural light.

What rooms work best with San Francisco Fog?

San Francisco Fog works well in living rooms, bedrooms, kitchens. Designers typically use it for main walls, trim, accents.

What colors pair well with San Francisco Fog?

San Francisco Fog pairs naturally with soft whites, natural wood, brass, matte black trim. Its complementary color is also a strong contrast option for accents.

Where can I download San Francisco Fog?

You can download San Francisco Fog on DSGN.HOUSE in 15 designer formats including CSS gradient, Figma, Procreate swatches, Tailwind config, Adobe ASE, SVG, and 4K wallpapers — all free.

What's the hex code for San Francisco Fog?

The hex code is #C4C2BC. In RGB it's 196, 194, 188, and in HSL it's 45°, 6%, 75%.

← All colors