Coffee brown color

Inspired by a freshly brewed dark roast. It's a warm, cozy medium brown. It's the natural pick for coffee shops, coffee bean packaging and dark wood furniture.

Also known as: coffee.

Coffee brown · #6F4E37

About coffee brown

Coffee brown (#6F4E37) is a warm, mid-tone, moderately saturated color. It belongs to the browns family. It mixes 111 red, 78 green and 55 blue (out of 255). It is mostly used in fashion, home decor, coffee shops.

Coffee brown shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with coffee brown

BeigeAn elegant, soft earth-tone palette.CreamBrightens brown and makes it feel fresh.Sky blueA cool, fresh contrast that's very on-trend.Olive greenA natural, fall-ready combination.Dusty pinkA soft, warm pair.Burnt orangePlays up a warm, retro style.Navy blueElegant and understated.MustardA warm accent that screams fall.

How to wear and decorate with coffee brown →

Coffee brown color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Petrol blue

AnalogousClose to: Wine, Army green

TriadicClose to: Bottle green, Ultra violet

Split complementaryClose to: Pine green, Ultra violet

TetradicClose to: Mexican flag green, Petrol blue, Plum

Coffee brown color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Coffee brown

Analogous palette · Coffee brown

Complementary palette · Coffee brown

Triadic palette · Coffee brown

With neutrals palette · Coffee brown

With an accent palette · Coffee brown

Coffee brown contrast with text

White textContrast 7.4:1 · AAA

Black textContrast 2.8:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --coffee-brown: #6F4E37;
  --coffee-brown-rgb: 111, 78, 55;
}
.bg { background-color: var(--coffee-brown); }
.text { color: var(--coffee-brown); }

Colors similar to coffee brown

Tobacco brown Taupe Sepia Mocha Marsala Café au lait Dark gray Chestnut Wine Army green

Themed palettes with this color

More browns

Brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait

Frequently asked questions

What is the hex code for coffee brown?

The hex code for coffee brown is #6F4E37. In RGB it is rgb(111, 78, 55), in HSL hsl(25, 34%, 33%) and in CMYK 0, 30, 50, 56.

What is the complementary color of coffee brown?

Its complement on the color wheel is #37586F, close to petrol blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on coffee brown?

Yes. The contrast with white is 7.4:1, enough for body text (WCAG AA).

What colors go with coffee brown?

It pairs well with beige, cream, sky blue, olive green, dusty pink. Avoid pairing it with black unless a light color separates them, because the look feels heavy. Very cool grays also take away its warmth.