Home /Compare /Rust vs Espresso

Rust vs Espresso: What's the Difference?

The main difference between Rust and Espresso is hue — Rust is a warm orange, while Espresso is a warm red. Rust (#B7410E) has an HSL of 18°, 86%, 39%, whereas Espresso (#3C1414) sits at 0°, 50%, 16%.

Rust#B7410E
Espresso#3C1414
#B7410EBlended: #7A2B11#3C1414
ShareSave to PinterestTweet

Rust vs Espresso: Key Differences at a Glance

Aspect Rust Espresso
BrightnessDark (L=39%) — rich, serious, substantialVery dark (L=16%) — deep, heavy, grounded
SaturationVivid (S=86%) — bright, energetic, eye-catchingModerately saturated (S=50%) — balanced in intensity
Hue familyOrangeRed
TemperatureWarmWarm
Hex code#B7410E#3C1414
RGB183, 65, 1460, 20, 20

Can you use Rust and Espresso together?

Espresso text on Rust
Rust text on Espresso
Contrast Ratio:2.90:1Insufficient Contrast

How to Tell Rust and Espresso Apart

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

Rust or Espresso: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

◆Branding & logos
PickRust

Rust is more saturated (86% HSL vs 50%) so it reads as bolder and more memorable at logo scale, while Espresso can feel washed out when printed small.

▢Web UI & body text backgrounds
PickEspresso

Espresso hits a 16.13:1 WCAG contrast against white — safer for text-heavy interfaces — where Rust only reaches 5.56:1 and risks failing AA at small body sizes.

⬡Fashion & apparel
PickRust

Rust is a warm tone that flatters spring/summer collections and warmer skin undertones, while Espresso leans warmer and is better suited to autumn/winter layering.

▣Interior design & walls
PickEspresso

Espresso is the more muted of the two (50% saturation) and sits more calmly on large wall surfaces, while Rust's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Rust vs Espresso in Design

Use Rust for:
●Call-to-action buttons
●Autumn and harvest themes
●Food, citrus, warmth branding
●Youthful energetic campaigns
●Friendly notification badges
Use Espresso for:
●Alerts, errors, stop states
●Sale & promotion banners
●Food and beverage packaging
●Sports and energy branding
●Romantic & bold fashion

Rust and Espresso Hex Codes, RGB & HSL

Rust#B7410E

Rust (#B7410E) is a dark, vivid orange with a warm undertone — it feels rich, serious, substantial 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

Rust 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
Rust text on white
5.56:1AA
Sample text preview
Rust text on black
3.78:1AA Large
Sample text preview
Espresso text on white
16.13:1AAA
Sample text preview
Espresso text on black
1.3:1Fail
Sample text preview
Rust text on Espresso
2.9:1Fail
Sample text preview
Espresso text on Rust
2.9:1Fail

Explore Rust and Espresso individually

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

Rust color page#B7410E · shades, tints, pairingsEspresso color page#3C1414 · shades, tints, pairings

More Rust and Espresso Comparisons

PeruvsRustRedvsEspressoRustvsWineWinevsEspressoRustvsGreyRubyvsEspressoRustvsSandEspressovsGreyAmbervsRustUmbervsRustEspressovsBlackOlivevsRust

Rust vs Espresso FAQ

What is the difference between rust and espresso?+
The main difference between Rust and Espresso is hue — Rust is a warm orange, while Espresso is a warm red. Rust (#B7410E) has an HSL of 18°, 86%, 39%, whereas Espresso (#3C1414) sits at 0°, 50%, 16%.
Is rust darker than espresso?+
No. Espresso is the darker of the two at 16% lightness, while Rust sits higher at 39%.
Are rust and espresso the same color?+
No. Rust is #B7410E and Espresso is #3C1414. They differ by 18° in hue, 23% in lightness, and 36% in saturation.
Which is more saturated, rust or espresso?+
Rust is more saturated. In HSL, Rust has 86% saturation and Espresso has 50% — Rust is the more vivid of the two, while Espresso reads as more muted.
Is rust warm or cool?+
Rust (#B7410E) is a warm orange. Its hue sits at 18° 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 rust and espresso together?+
Yes. Rust (orange) and Espresso (red) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does rust belong to?+
Rust belongs to the orange family. Its HSL is 18°, 86%, 39% — a warm tone within the broader orange group.
What is the hex code for rust?+
The hex code for Rust is #B7410E. In RGB, that's rgb(183, 65, 14), and in HSL it's hsl(18, 86%, 39%).
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%).