Home /Compare /Terracotta vs Espresso

Terracotta vs Espresso: What's the Difference?

The main difference between Terracotta and Espresso is brightness and saturation: both are red shades, but Terracotta is lighter and Terracotta is more saturated. Terracotta (#E2725B) has an HSL of 10°, 70%, 62%, whereas Espresso (#3C1414) sits at 0°, 50%, 16%.

Terracotta#E2725B
Espresso#3C1414
#E2725BBlended: #8F4338#3C1414

Terracotta vs Espresso: Key Differences at a Glance

Aspect Terracotta Espresso
BrightnessLight (L=62%) — airy, soft, approachableVery dark (L=16%) — deep, heavy, grounded
SaturationVivid (S=70%) — bright, energetic, eye-catchingModerately saturated (S=50%) — balanced in intensity
Hue familyRedRed
TemperatureWarmWarm
Hex code#E2725B#3C1414
RGB226, 114, 9160, 20, 20

Can you use Terracotta and Espresso together?

Espresso text on Terracotta
Terracotta text on Espresso
Contrast Ratio:5.22:1WCAG AA Pass ✓

How to Tell Terracotta and Espresso Apart

  • ●Look at lightness first: Terracotta is noticeably lighter.
  • ●Check saturation: Terracotta looks more vivid and saturated.
  • ●Watch the undertone: the hue shifts 10° between them, which changes the perceived temperature.
  • ●Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Terracotta vs Espresso in Design

Use Terracotta for:
●Alerts, errors, stop states
●Sale & promotion banners
●Food and beverage packaging
●Sports and energy branding
●Romantic & bold fashion
Use Espresso for:
●Alerts, errors, stop states
●Sale & promotion banners
●Food and beverage packaging
●Sports and energy branding
●Romantic & bold fashion

Terracotta and Espresso Hex Codes, RGB & HSL

Terracotta#E2725B

Terracotta (#E2725B) is a light, vivid red with a warm undertone — it feels airy, soft, approachable and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Espresso#3C1414

Espresso (#3C1414) is a very dark, moderately saturated red with a warm undertone — it feels deep, heavy, grounded and balanced in intensity.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Terracotta and Espresso WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Terracotta text on white
3.09:1AA Large
Sample text preview
Terracotta text on black
6.79:1AA
Sample text preview
Espresso text on white
16.13:1AAA
Sample text preview
Espresso text on black
1.3:1Fail
Sample text preview
Terracotta text on Espresso
5.22:1AA
Sample text preview
Espresso text on Terracotta
5.22:1AA

Explore Terracotta and Espresso individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Terracotta color page#E2725B · shades, tints, pairingsEspresso color page#3C1414 · shades, tints, pairings

More Terracotta and Espresso Comparisons

TanvsTerracottaRedvsEspressoRedvsTerracottaWinevsEspressoTerracottavsRustRubyvsEspressoRustvsTerracottaEspressovsGreySagevsTerracottaRustvsEspressoTerracottavsSageEspressovsBlack

Terracotta vs Espresso FAQ

What is the difference between terracotta and espresso?+
The main difference between Terracotta and Espresso is brightness and saturation: both are red shades, but Terracotta is lighter and Terracotta is more saturated. Terracotta (#E2725B) has an HSL of 10°, 70%, 62%, whereas Espresso (#3C1414) sits at 0°, 50%, 16%.
Is terracotta darker than espresso?+
No. Espresso is the darker of the two at 16% lightness, while Terracotta sits higher at 62%.
Are terracotta and espresso the same color?+
No. Terracotta is #E2725B and Espresso is #3C1414. They differ by 10° in hue, 46% in lightness, and 20% in saturation.
Which is more saturated, terracotta or espresso?+
Terracotta is more saturated. In HSL, Terracotta has 70% saturation and Espresso has 50% — Terracotta is the more vivid of the two, while Espresso reads as more muted.
Is terracotta warm or cool?+
Terracotta (#E2725B) is a warm red. Its hue sits at 10° on the color wheel, which places it in the warm range.
Is espresso warm or cool?+
Espresso (#3C1414) is a warm red. Its hue sits at 0° on the color wheel, which places it in the warm range.
Can you use terracotta and espresso together?+
Yes. Both terracotta and espresso are red shades, so they pair naturally in a monochromatic palette. Use espresso as the dominant color and terracotta as the accent or highlight.
What color family does terracotta belong to?+
Terracotta belongs to the red family. Its HSL is 10°, 70%, 62% — a warm tone within the broader red group.
What is the hex code for terracotta?+
The hex code for Terracotta is #E2725B. In RGB, that's rgb(226, 114, 91), and in HSL it's hsl(10, 70%, 62%).
What is the hex code for espresso?+
The hex code for Espresso is #3C1414. In RGB, that's rgb(60, 20, 20), and in HSL it's hsl(0, 50%, 16%).