Home /Compare /Walnut vs Mahogany

Walnut vs Mahogany: What's the Difference?

The main difference between Walnut and Mahogany is brightness and saturation: both are orange shades, but Mahogany is lighter and Mahogany is more saturated. Walnut and Mahogany are often confused but have distinct differences in hue, saturation, and tone. Walnut (#773F1A) and Mahogany (#C04000) each suit different design contexts — understanding their differences helps you choose the right color for your project.

Walnut#773F1A
Mahogany#C04000
#773F1ABlended: #9C400D#C04000
ShareSave to PinterestTweet

Walnut vs Mahogany: Key Differences at a Glance

Aspect Walnut Mahogany
BrightnessDark (L=28%) — rich, serious, substantialDark (L=38%) — rich, serious, substantial
SaturationModerately saturated (S=64%) — balanced in intensityVivid (S=100%) — bright, energetic, eye-catching
Hue familyOrangeOrange
TemperatureWarmWarm
Hex code#773F1A#C04000
RGB119, 63, 26192, 64, 0

Can you use Walnut and Mahogany together?

Mahogany text on Walnut
Walnut text on Mahogany
Contrast Ratio:1.58:1Insufficient Contrast

How to Tell Walnut and Mahogany Apart

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

Walnut or Mahogany: Which to Use and Where

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

Branding & logos
PickMahogany

Mahogany is more saturated (100% HSL vs 64%) so it reads as bolder and more memorable at logo scale, while Walnut can feel washed out when printed small.

Web UI & body text backgrounds
PickWalnut

Walnut hits a 8.37:1 WCAG contrast against white — safer for text-heavy interfaces — where Mahogany only reaches 5.28:1 and risks failing AA at small body sizes.

Fashion & apparel
PickMahogany

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

Interior design & walls
PickWalnut

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

When to Use Walnut vs Mahogany in Design

Use Walnut for:
Call-to-action buttons
Autumn and harvest themes
Food, citrus, warmth branding
Youthful energetic campaigns
Friendly notification badges
Use Mahogany for:
Call-to-action buttons
Autumn and harvest themes
Food, citrus, warmth branding
Youthful energetic campaigns
Friendly notification badges

Walnut and Mahogany Hex Codes, RGB & HSL

Walnut#773F1A

Walnut (#773F1A) is a dark, moderately saturated orange with a warm undertone — it feels rich, serious, substantial and balanced in intensity.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Mahogany#C04000

Mahogany (#C04000) 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

Walnut and Mahogany 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
Walnut text on white
8.37:1AAA
Sample text preview
Walnut text on black
2.51:1Fail
Sample text preview
Mahogany text on white
5.28:1AA
Sample text preview
Mahogany text on black
3.97:1AA Large
Sample text preview
Walnut text on Mahogany
1.58:1Fail
Sample text preview
Mahogany text on Walnut
1.58:1Fail

More Walnut and Mahogany Comparisons

Walnut vs Mahogany FAQ

What is the difference between walnut and mahogany?+
The main difference between Walnut and Mahogany is brightness and saturation: both are orange shades, but Mahogany is lighter and Mahogany is more saturated. Walnut and Mahogany are often confused but have distinct differences in hue, saturation, and tone. Walnut (#773F1A) and Mahogany (#C04000) each suit different design contexts — understanding their differences helps you choose the right color for your project.
Is walnut darker than mahogany?+
Yes. Walnut is darker, with a lightness of 28% in HSL compared to Mahogany at 38% — a 10-point gap.
Are walnut and mahogany the same color?+
No. Walnut is #773F1A and Mahogany is #C04000. They differ by 4° in hue, 10% in lightness, and 36% in saturation.
Which is more saturated, walnut or mahogany?+
Mahogany is more saturated. In HSL, Walnut has 64% saturation and Mahogany has 100% — Mahogany is the more vivid of the two, while Walnut reads as more muted.
Is walnut warm or cool?+
Walnut (#773F1A) is a warm orange. Its hue sits at 24° on the color wheel, which places it in the warm range.
Is mahogany warm or cool?+
Mahogany (#C04000) is a warm orange. Its hue sits at 20° on the color wheel, which places it in the warm range.
Can you use walnut and mahogany together?+
Yes. Both walnut and mahogany are orange shades, so they pair naturally in a monochromatic palette. Use walnut as the dominant color and mahogany as the accent or highlight.
What color family does walnut belong to?+
Walnut belongs to the orange family. Its HSL is 24°, 64%, 28% — a warm tone within the broader orange group.
What is the hex code for walnut?+
The hex code for Walnut is #773F1A. In RGB, that's rgb(119, 63, 26), and in HSL it's hsl(24, 64%, 28%).
What is the hex code for mahogany?+
The hex code for Mahogany is #C04000. In RGB, that's rgb(192, 64, 0), and in HSL it's hsl(20, 100%, 38%).