Mahogany
Online color picker to view shades, tints, color codes, and complementary colors
Mahogany is a high-energy, saturated shade that lands between reddish-orange and deep brown. Because of its intensity, it works best as a 10% accent or call to action rather than a background. Pair it with crisp white text for excellent readability, as the contrast ratio is solid. The hex code for this bold color is #c04000, perfect for adding urgency to your designs.
Questions about Mahogany
What is the hex code for Mahogany?
Mahogany is #c04000. In RGB that is rgb(192, 64, 0), in HSL hsl(20, 100%, 38%) and in CMYK 0%, 67%, 100%, 25%.
Where should I use #c04000 Mahogany in a design?
Because #c04000 possesses such high saturation and intensity, it is best reserved for small-scale applications like buttons, icons, or notification badges. Using it as a large background often overwhelms the viewer, so try pairing it with off-white or cream text for better balance.
What colors pair well with the mahogany shade #c04000?
This color thrives when balanced against neutrals that soften its heat, such as slate gray or a muted olive green. These earthy pairings ground the intensity of the red-orange, allowing the mahogany to pop without clashing against your primary interface elements.
Is Mahogany readable on white or black?
Mahogany has a 5.28:1 contrast ratio on white and 3.97:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.