Home /Compare /Firebrick vs Garnet

Firebrick vs Garnet: What's the Difference?

The main difference between Firebrick and Garnet is brightness and saturation: both are red shades, but Firebrick is lighter and Firebrick is more saturated. Firebrick (#B22222) has an HSL of 0°, 68%, 42%, whereas Garnet (#733635) sits at 1°, 37%, 33%.

Firebrick#B22222
Garnet#733635
#B22222Blended: #932C2C#733635

Firebrick vs Garnet: Key Differences at a Glance

Aspect Firebrick Garnet
BrightnessMedium (L=42%) — balanced, versatileDark (L=33%) — rich, serious, substantial
SaturationModerately saturated (S=68%) — balanced in intensityMuted (S=37%) — subdued, sophisticated
Hue familyRedRed
TemperatureWarmWarm
Hex code#B22222#733635
RGB178, 34, 34115, 54, 53

Can you use Firebrick and Garnet together?

Garnet text on Firebrick
Firebrick text on Garnet
Contrast Ratio:1.36:1Insufficient Contrast

How to Tell Firebrick and Garnet Apart

  • ●Look at lightness first: Firebrick is noticeably lighter.
  • ●Check saturation: Firebrick looks more vivid and saturated.
  • ●Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Firebrick vs Garnet in Design

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

Firebrick and Garnet Hex Codes, RGB & HSL

Firebrick#B22222

Firebrick (#B22222) is a medium, moderately saturated red with a warm undertone — it feels balanced, versatile and balanced in intensity.

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

Firebrick 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
Firebrick text on white
6.68:1AA
Sample text preview
Firebrick text on black
3.14: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
Firebrick text on Garnet
1.36:1Fail
Sample text preview
Garnet text on Firebrick
1.36:1Fail

Explore Firebrick and Garnet individually

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

Firebrick color page#B22222 · shades, tints, pairingsGarnet color page#733635 · shades, tints, pairings

More Firebrick and Garnet Comparisons

FirebrickvsWineRedvsGarnetFirebrickvsRubyRubyvsGarnetFirebrickvsGreyWinevsGarnetRustvsGarnetFirebrickvsScarletGarnetvsGreyFirebrickvsEspressoBrownvsGarnetTaupevsGarnet

Firebrick vs Garnet FAQ

What is the difference between firebrick and garnet?+
The main difference between Firebrick and Garnet is brightness and saturation: both are red shades, but Firebrick is lighter and Firebrick is more saturated. Firebrick (#B22222) has an HSL of 0°, 68%, 42%, whereas Garnet (#733635) sits at 1°, 37%, 33%.
Is firebrick darker than garnet?+
No. Garnet is the darker of the two at 33% lightness, while Firebrick sits higher at 42%.
Are firebrick and garnet the same color?+
No. Firebrick is #B22222 and Garnet is #733635. They differ by 1° in hue, 9% in lightness, and 31% in saturation.
Which is more saturated, firebrick or garnet?+
Firebrick is more saturated. In HSL, Firebrick has 68% saturation and Garnet has 37% — Firebrick is the more vivid of the two, while Garnet reads as more muted.
Is firebrick warm or cool?+
Firebrick (#B22222) is a warm red. Its hue sits at 0° 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 firebrick and garnet together?+
Yes. Both firebrick and garnet are red shades, so they pair naturally in a monochromatic palette. Use garnet as the dominant color and firebrick as the accent or highlight.
What color family does firebrick belong to?+
Firebrick belongs to the red family. Its HSL is 0°, 68%, 42% — a warm tone within the broader red group.
What is the hex code for firebrick?+
The hex code for Firebrick is #B22222. In RGB, that's rgb(178, 34, 34), and in HSL it's hsl(0, 68%, 42%).
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%).