#3C2415
Brown family

Espresso

Also known as: rich · velvety · earthy · warm · inviting
Save
Hex #3C2415
RGB rgb(60, 36, 21)
HSL hsl(23°, 48%, 16%)
CMYK 0 · 40 · 65 · 76
RAL RAL 3007 · Black Red
NCS S 7020-R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western contexts, espresso symbolizes sophistication and comfort, often associated with the café culture of Europe. Contrastingly, in some Eastern cultures, dark browns like espresso can signify earthiness and stability, reflecting a connection to nature.

The term 'espresso' originates from the Italian word meaning 'pressed out,' referring to the brewing method that forces hot water through finely-ground coffee. This method gained popularity in the late 19th century, particularly with the invention of espresso machines in the 1900s.

richvelvetyearthywarminviting

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Espresso. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 35 Browns →

Shades & tints

Nine steps of Espresso by lightness — from #1F130B (darkest) to #9A8D85 (lightest). Click any to copy.

-40% #1F130B
-30% #26170D
-20% #2E1B10
-10% #352012
BASE #3C2415
+15% #533E31
+30% #6B594D
+50% #827369
+70% #9A8D85

Complementary

Sitting opposite Espresso at 203° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Espresso.

#3C2415
#E8B31C
#F5F5F5
#5B3A29
#B68B6D

Café Comfort

Warm Cozy
#3C2415
#5C4D44
#F2E7D5
#C8A98A
#704B3A

Mocha Indulgence

Rich Indulgent
#3C2415
#A26A4E
#888888
#DAE1D3
#3A2C2A

Earthy Essence

Natural Grounded

Espresso scale

A 50–900 tonal scale with Espresso anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EFEDEC
100 #DCD8D5
200 #B5ACA6
300 #8E8077
400 #655246
500 #3C2415
600 #311E11
700 #28180E
800 #1E120B
900 #140C07

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 14.43:1
Espresso as text on… Ratio AA AAA
Aa White background 14.43:1 Pass Pass
Aa Black background 1.46:1 Fail Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #3C2415

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #3C2415;
CSS color-mix (lighten 30%) color-mix(in srgb, #3C2415 70%, white)
HSV / HSB 23°, 65%, 24%
CMYK (print) 0, 40, 65, 76
Decimal 3941397
Nearest web-safe #333300

Color vision

How Espresso appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#3C2415

Protanopia (no red)

#323119

Deuteranopia (no green)

#33351A

Tritanopia (no blue)

#3B1B1C
Toffee
23 / 35 Browns Mushroom
Copied!