Espresso Color Code

HEX

#4B3D3D

RGB

rgb(75, 61, 61)

HSL

hsl(0, 10%, 27%)

CMYK

0%, 19%, 19%, 71%

About Espresso

Espresso Color is a deep, dark brown reminiscent of the rich and bold beverage. This color is often associated with warmth, sophistication, and a sense of comfort, making it a popular choice in various design applications.

Psychology

Espresso Color is known to:

  • Evoke feelings of stability and reliability
  • Promote a sense of warmth and coziness
  • Enhance focus and concentration, often associated with productivity

Usage

This versatile color works well in:

  • Interior design for creating a cozy atmosphere
  • Branding and packaging for products that emphasize quality and richness
  • Fashion as a classic, timeless choice for clothing and accessories
  • Digital design for backgrounds that require a touch of elegance

Combinations

Espresso Color pairs beautifully with:

  • Cream ( #F5F5DC )
  • Sage Green ( #A8B400 )
  • Gold ( #FFD700 )
  • Light Blue ( #ADD8E6 )

Espresso Color shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Espresso Color

Complementary

hsl(180, 10%, 27%)

Analogous

hsl(30, 10%, 27%)

Triadic

hsl(120, 10%, 27%)

Espresso color values and uses

Espresso is represented here by #4B3D3D. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(75, 61, 61); HSL hsl(0, 10%, 27%) describes hue, saturation, and lightness, while CMYK 0%, 19%, 19%, 71% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use espresso alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Espresso

What is the hex code of Espresso Color?

The hex code of Espresso Color is #4B3D3D.

What is the RGB value of Espresso Color?

The RGB value is rgb(75, 61, 61), with red, green, and blue channels shown in that order.

What colors go with Espresso Color?

Espresso Color can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Espresso Color?

The HSL value is hsl(0, 10%, 27%); the approximate CMYK conversion is 0%, 19%, 19%, 71%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors