#C04000
Brown family

Mahogany

Also known as: luxurious · earthy · rich · warm · classic
Save
Hex #C04000
RGB rgb(192, 64, 0)
HSL hsl(20°, 100%, 38%)
CMYK 0 · 67 · 100 · 25
RAL RAL 2001 · Red Orange

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, mahogany represents strength and stability, often used in the context of enduring relationships or solid foundations. However, in some Indigenous cultures, mahogany symbolizes respect for nature and the importance of sustainable practices.

The term 'mahogany' originates from the Spanish word 'madera mahogany', referring to the wood of the Swietenia macrophylla tree, which became popular in Europe during the 18th century. It was a highly sought-after material for furniture, especially during the Colonial period, when its scarcity made it a status symbol.

luxuriousearthyrichwarmclassic

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Mahogany. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 35 Browns →

Shades & tints

Nine steps of Mahogany by lightness — from #642100 (darkest) to #DE9C7A (lightest). Click any to copy.

-40% #642100
-30% #7B2900
-20% #923100
-10% #A93800
BASE #C04000
+15% #C8571F
+30% #CF6E3D
+50% #D7855C
+70% #DE9C7A

Complementary

Sitting opposite Mahogany at 200° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Mahogany.

#C04000
#FFD700
#FFFFFF
#8B4513
#D2691E

Rich Heritage

Classic Elegance
#C04000
#2E8B57
#F5F5DC
#A0522D
#FFDEAD

Tropical Retreat

Warm Escape
#C04000
#B22222
#F0E68C
#8B4513
#D2B48C

Autumn Embrace

Cozy Comfort

Mahogany scale

A 50–900 tonal scale with Mahogany anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FAF0EB
100 #F4DDD1
200 #E7B69E
300 #DA906B
400 #CD6836
500 #C04000
600 #9D3400
700 #7F2A00
800 #602000
900 #411600

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 5.28:1
Mahogany as text on… Ratio AA AAA
Aa White background 5.28:1 Pass Large only
Aa Black background 3.97:1 Large only Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #C04000

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #C04000;
CSS color-mix (lighten 30%) color-mix(in srgb, #C04000 70%, white)
HSV / HSB 20°, 100%, 75%
CMYK (print) 0, 67, 100, 25
Decimal 12599296
Nearest web-safe #CC3300

Color vision

How Mahogany appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#C04000

Protanopia (no red)

#89870F

Deuteranopia (no green)

#909A13

Tritanopia (no blue)

#BA1C1E
Coffee
8 / 35 Browns Walnut
Copied!