Home /Compare /Mahogany vs Walnut

Mahogany vs Walnut: What's the Difference?

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

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

Mahogany vs Walnut: Key Differences at a Glance

Aspect Mahogany Walnut
BrightnessDark (L=38%) — rich, serious, substantialDark (L=28%) — rich, serious, substantial
SaturationVivid (S=100%) — bright, energetic, eye-catchingModerately saturated (S=64%) — balanced in intensity
Hue familyOrangeOrange
TemperatureWarmWarm
Hex code#C04000#773F1A
RGB192, 64, 0119, 63, 26

Can you use Mahogany and Walnut together?

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

How to Tell Mahogany and Walnut 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.

Mahogany or Walnut: 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 Mahogany vs Walnut in Design

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

Mahogany and Walnut Hex Codes, RGB & HSL

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

More Mahogany and Walnut Comparisons

Mahogany vs Walnut FAQ

What is the difference between mahogany and walnut?+
The main difference between Mahogany and Walnut is brightness and saturation: both are orange shades, but Mahogany is lighter and Mahogany is more saturated. Mahogany and Walnut are often confused but have distinct differences in hue, saturation, and tone. Mahogany (#C04000) and Walnut (#773F1A) each suit different design contexts — understanding their differences helps you choose the right color for your project.
Is mahogany darker than walnut?+
No. Walnut is the darker of the two at 28% lightness, while Mahogany sits higher at 38%.
Are mahogany and walnut the same color?+
No. Mahogany is #C04000 and Walnut is #773F1A. They differ by 4° in hue, 10% in lightness, and 36% in saturation.
Which is more saturated, mahogany or walnut?+
Mahogany is more saturated. In HSL, Mahogany has 100% saturation and Walnut has 64% — Mahogany is the more vivid of the two, while Walnut reads as more muted.
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.
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.
Can you use mahogany and walnut together?+
Yes. Both mahogany and walnut 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 mahogany belong to?+
Mahogany belongs to the orange family. Its HSL is 20°, 100%, 38% — a warm tone within the broader orange group.
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%).
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%).