Mahogany is a medium-dark, vivid shade in the brown color family, with a warm feel. Its HEX code is #C04000, which equals rgb(192, 64, 0) in RGB and hsl(20, 100%, 38%) in HSL. In print terms it converts to roughly C0 M67 Y100 K25, although exact CMYK results depend on the paper and color profile.
- HEX
#C04000 - RGB
192, 64, 0 - HSL
20°, 100%, 38% - CMYK
0, 67, 100, 25 - Family
Brown - Tone
Medium-dark, vivid
About Mahogany
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 5.28:1. Its complementary color is #0081C2.
Download Mahogany as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Mahogany color codes
| HEX | #C04000 |
|---|---|
| RGB | rgb(192, 64, 0) |
| HSL | hsl(20, 100%, 38%) |
| HSV | 20°, 100%, 75% |
| CMYK | 0%, 67%, 100%, 25% |
| Decimal | 12599296 |
Shades and tints of Mahogany
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F5DFD5 - 100
#EABFAA - 200
#E0A080 - 300
#D58055 - 400
#CB602B - 500
#C04000 - 600
#A03500 - 700
#802B00 - 800
#602000 - 900
#401500 - 950
#200B00
Color harmonies for Mahogany
- Complementary
#0081C2≈ Medium Dark Bright Azure - Analogous −30°
#C20020≈ Deep Crimson - Analogous +30°
#C2A200≈ Medium Dark Bright Marigold - Triadic +120°
#00C241≈ Medium Dark Bright Jade - Triadic +240°
#4100C2≈ Medium Dark Iris - Split 150°
#00C2A2≈ Medium Dark Bright Turquoise - Split 210°
#0020C2≈ Medium Dark Bright Royal
Contrast and accessibility of Mahogany
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Mahogany | Aa | 5.28:1 | AA (good) |
| Black text on Mahogany | Aa | 3.97:1 | AA Large only |
CSS code for Mahogany
background-color: #C04000;color: #C04000;background-color: rgb(192, 64, 0);background-color: hsl(20, 100%, 38%);:root { --color-mahogany: #C04000; }class="bg-[#C04000]"Colors similar to Mahogany
- Rust
#B7410E - Deep Persimmon
#AD4500 - Medium Dark Bright Vermilion
#C13815 - Medium Dark Bright Cinnabar
#C14915 - Medium Dark Cinnabar
#D64000 - Deep Cinnabar
#AD3400 - Deep Orange
#AD5700 - Medium Dark Vermilion
#D62B00 - Medium Dark Persimmon
#D65600 - Medium Dark Bright Scarlet
#C12715 - Medium Dark Bright Persimmon
#C15A15 - Deep Bright Cinnabar
#9C3B11
More brown shades
- Beige
#F5F5DC - Dark Goldenrod
#B8860B - Sienna
#A0522D - Taupe
#483C32 - Rust
#B7410E - Ecru
#C2B280 - Camel
#C19A6B - Caramel
#AF6F09 - Coffee
#6F4E37 - Espresso
#3C2415 - Umber
#635147
Frequently asked questions
What is the HEX code for Mahogany?
The HEX code for Mahogany is #C04000.
What is the RGB value of Mahogany?
Mahogany has an RGB value of 192, 64, 0 (rgb(192, 64, 0)). In HSL it is 20°, 100%, 38%.
What text color should I use on Mahogany?
Use white text on Mahogany. White text has a contrast ratio of 5.28:1 and black text has 3.97:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Mahogany?
The complementary color of Mahogany is #0081C2. Analogous colors #C20020 and #C2A200 also pair well.
