Espresso color

A very dark, rich brown, like a shot of espresso. It's nearly black but warmer. It's one of the most popular finishes for furniture, kitchen cabinets and hardwood stains.

Also known as: Espresso brown.

Espresso · #4E312D

About espresso

Espresso (#4E312D) is a warm, dark, muted color. It belongs to the browns family. It mixes 78 red, 49 green and 45 blue (out of 255). It is mostly used in furniture, cabinets, wood stain.

Espresso shades and tints

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

Espresso color harmonies

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

ComplementaryClose to: Dark slate gray

AnalogousClose to: Eggplant, Taupe

TriadicClose to: Hunter green, Aubergine

Split complementaryClose to: Dark slate gray, Charcoal gray

TetradicClose to: Hunter green, Dark slate gray, Aubergine

Espresso color palettes

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

Monochromatic palette · Espresso

Analogous palette · Espresso

Complementary palette · Espresso

Triadic palette · Espresso

With neutrals palette · Espresso

With an accent palette · Espresso

Espresso contrast with text

White textContrast 11.7:1 · AAA

Black textContrast 1.8:1 · Not recommended

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

CSS code

:root {
  --espresso: #4E312D;
  --espresso-rgb: 78, 49, 45;
}
.bg { background-color: var(--espresso); }
.text { color: var(--espresso); }

Colors similar to espresso

Taupe Jet black Black olive Eggplant Oxford gray Onyx Garnet Coffee brown Matte black Raisin black

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Mocha Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait Tan Cognac Walnut Burnt umber Raw umber

Frequently asked questions

What is the hex code for espresso?

The hex code for espresso is #4E312D. In RGB it is rgb(78, 49, 45), in HSL hsl(7, 27%, 24%) and in CMYK 0, 37, 42, 69.

What is the complementary color of espresso?

Its complement on the color wheel is #2D4A4E, close to dark slate gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on espresso?

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