Home /Compare /Rust vs Garnet

Rust vs Garnet: What's the Difference?

The main difference between Rust and Garnet is hue — Rust is a warm orange, while Garnet is a warm red. Rust (#B7410E) has an HSL of 18°, 86%, 39%, whereas Garnet (#733635) sits at 1°, 37%, 33%.

Rust#B7410E
Garnet#733635
#B7410EBlended: #953C22#733635

Rust vs Garnet: Key Differences at a Glance

Aspect Rust Garnet
BrightnessDark (L=39%) — rich, serious, substantialDark (L=33%) — rich, serious, substantial
SaturationVivid (S=86%) — bright, energetic, eye-catchingMuted (S=37%) — subdued, sophisticated
Hue familyOrangeRed
TemperatureWarmWarm
Hex code#B7410E#733635
RGB183, 65, 14115, 54, 53

Can you use Rust and Garnet together?

Garnet text on Rust
Rust text on Garnet
Contrast Ratio:1.64:1Insufficient Contrast

How to Tell Rust and Garnet Apart

  • Check saturation: Rust looks more vivid and saturated.
  • Watch the undertone: the hue shifts 17° 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 Rust vs Garnet in Design

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

Rust and Garnet 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
Garnet#733635

Garnet (#733635) is a dark, muted red with a warm undertone — it feels rich, serious, substantial and subdued, sophisticated.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Rust and Garnet 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
Garnet text on white
9.1:1AAA
Sample text preview
Garnet text on black
2.31:1Fail
Sample text preview
Rust text on Garnet
1.64:1Fail
Sample text preview
Garnet text on Rust
1.64:1Fail

Explore Rust and Garnet individually

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

Rust color page#B7410E · shades, tints, pairingsGarnet color page#733635 · shades, tints, pairings

More Rust and Garnet Comparisons

Rust vs Garnet FAQ

What is the difference between rust and garnet?+
The main difference between Rust and Garnet is hue — Rust is a warm orange, while Garnet is a warm red. Rust (#B7410E) has an HSL of 18°, 86%, 39%, whereas Garnet (#733635) sits at 1°, 37%, 33%.
Is rust darker than garnet?+
No. Garnet is the darker of the two at 33% lightness, while Rust sits higher at 39%.
Are rust and garnet the same color?+
No. Rust is #B7410E and Garnet is #733635. They differ by 17° in hue, 6% in lightness, and 49% in saturation.
Which is more saturated, rust or garnet?+
Rust is more saturated. In HSL, Rust has 86% saturation and Garnet has 37% — Rust is the more vivid of the two, while Garnet 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 garnet warm or cool?+
Garnet (#733635) is a warm red. Its hue sits at 1° on the color wheel, which places it in the warm range.
Can you use rust and garnet together?+
Yes. Rust (orange) and Garnet (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 garnet?+
The hex code for Garnet is #733635. In RGB, that's rgb(115, 54, 53), and in HSL it's hsl(1, 37%, 33%).