Home /Compare /Brown vs Garnet

Brown vs Garnet: What's the Difference?

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

Brown#A52A2A
Garnet#733635
#A52A2ABlended: #8C3030#733635

Brown vs Garnet: Key Differences at a Glance

Aspect Brown Garnet
BrightnessMedium (L=41%) — balanced, versatileDark (L=33%) — rich, serious, substantial
SaturationModerately saturated (S=59%) — balanced in intensityMuted (S=37%) — subdued, sophisticated
Hue familyRedRed
TemperatureWarmWarm
Hex code#A52A2A#733635
RGB165, 42, 42115, 54, 53

Can you use Brown and Garnet together?

Garnet text on Brown
Brown text on Garnet
Contrast Ratio:1.28:1Insufficient Contrast

How to Tell Brown and Garnet Apart

  • ●Look at lightness first: Brown is noticeably lighter.
  • ●Check saturation: Brown 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 Brown vs Garnet in Design

Use Brown 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

Brown and Garnet Hex Codes, RGB & HSL

Brown#A52A2A

Brown (#A52A2A) 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

Brown 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
Brown text on white
7.08:1AAA
Sample text preview
Brown text on black
2.96:1Fail
Sample text preview
Garnet text on white
9.1:1AAA
Sample text preview
Garnet text on black
2.31:1Fail
Sample text preview
Brown text on Garnet
1.28:1Fail
Sample text preview
Garnet text on Brown
1.28:1Fail

Explore Brown and Garnet individually

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

Brown color page#A52A2A · shades, tints, pairingsGarnet color page#733635 · shades, tints, pairings

More Brown and Garnet Comparisons

BrownvsWineRedvsGarnetBrownvsRubyRubyvsGarnetBrownvsGreyWinevsGarnetTaupevsBrownRustvsGarnetCamelvsBrownGarnetvsGreyUmbervsBrownBrownvsMocha

Brown vs Garnet FAQ

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