Brown

Espresso

#4E342E
HEX
#4E342E
RGB
rgb(78, 52, 46)
HSL
hsl(11, 26%, 24%)

Brown family

About Espresso

Espresso (#4E342E) is a very dark, muted brown. Brown is a warm, earthy neutral created by darkening orange or red, so this shade feels grounded, natural and enduring rather than flashy.

Psychology

Brown evokes stability, reliability and comfort. It is the color of wood, earth and leather, so it reads as honest, rustic and warm, though in some contexts it can feel conservative or plain.

Applications

Brown is a staple of organic, coffee, chocolate, outdoor and craft brands. It works as a grounding neutral in palettes, for premium packaging, and in interior or furniture design where warmth and durability matter.

History

Browns have been made from earth pigments like umber, sienna and ochre since prehistoric times, and those same pigments still appear in artists’ palettes today under their traditional names.

Meaning

Brown represents earth, home, simplicity and reliability. It can signal wholesomeness and craftsmanship, and it often appears in brands that want to feel authentic, natural and down-to-earth.

Why use this color

Choose brown for brands and designs that need warmth, authenticity and a natural, grounded feel. It is perfect for coffee, food, outdoor and handmade products and for grounding brighter palettes.

Accessibility

Against white, #4E342E has a 11.3:1 contrast ratio; against black it is 1.9:1. White text on #4E342E meets WCAG AA for normal text.

Fun facts

  • Artists' browns like umber and sienna are named after the regions in Italy where the earth pigments were mined.
  • Brown is essentially a dark, desaturated orange or red.
  • Coffee, chocolate and wood all owe their rich, familiar tones to brown compounds.

Shades, tints & tones

Variations

Ten lightness steps plus Espresso's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around Espresso. Each swatch is one click from your clipboard.

Complementary

#4d332d#2d474d

Analogous

#4d2d37#4d332d#4d432d

Triadic

#4d332d#2d4d33#332d4d

Split-complementary

#4d332d#2d4d43#2d374d

Tetradic

#4d332d#374d2d#2d474d#432d4d

Monochromatic

#30201c#67443c#a16b5e#c3a098#e3d2cf

Accessibility

Blindness simulator

See how Espresso is perceived with common types of color vision deficiency.

#4E342E

Normal vision

Standard trichromatic vision, shown for reference.

#3a372e

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#403c2e

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#543032

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#3a3a3a

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How Espresso performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on Espresso
11.32:1
AAAAAAA LargeAAA Large
AaBlack on Espresso
1.85:1
AAAAAAA LargeAAA Large

The ratio is identical whether Espresso is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put Espresso to work, with copy-all support for each.

Complementary

The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.

Analogous

Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.

Triadic

Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.

Monochromatic

A single hue stepped from light to dark for a clean, elegant and foolproof palette.

Espresso (#4E342E) is a brown-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

Espresso is #4E342E — rgb(78, 52, 46) / hsl(11, 26%, 24%). Espresso (#4E342E) is a very dark, muted brown. Brown is a warm, earthy neutral created by darkening orange or red, so this shade feels grounded, natural and enduring rather than flashy.

Must-know facts

  • Espresso is one of 355 named colors in the library.
  • Its complementary hue sits 180° away on the color wheel: #2d474d.

Related tools

These color tools pair naturally with the one you just used — keep exploring.