Mahogany
Meet Mahogany (#C04000), a deep, reddish-brown that balances richness with a grounded, earthy feel. Its striking character comes from a sophisticated blend of red and brown, creating a hue that is both warm and commanding without being overpowering.
What color is Mahogany?
Mahogany is a deep, reddish-brown that draws its visual character from the tropical hardwood of the same name.
It is a distinctly warm color, defined by its strong red undertones which can occasionally present with hints of orange or even a subtle purple, creating a rich and sophisticated appearance.
What is the meaning behind the color Mahogany (#C04000)?
The color Mahogany carries connotations of strength, luxury, and tradition, stemming from its namesake wood.
Psychologically, it evokes a sense of warmth, security, and reliability, suggesting substance and enduring quality.
How can I apply the color Mahogany (#C04000) in UI design?
Mahogany (#C04000) works best as a potent accent for key interface elements like buttons or active state indicators. To make it stand out, pair it with contrasting neutrals such as off-whites and cool grays. For a more harmonious feel, combine it with earthy tones like deep greens or warm beiges.
While not a widely adopted brand color, its distinctive warmth is present in apps like Strava and Babbel. This relative scarcity offers an opportunity for a product to establish a unique and memorable visual presence.
Explore curated palettes, test color contrast for accessibility, and preview Mahogany in real UI components from top brands using the tools below.
How do I use the Mahogany color codes?
When working with Mahogany (#C04000), consider its rich and grounded character. This color brings a sophisticated warmth to a design, making a statement without the need for high saturation or brightness.
While #C04000 is the standard hex code for web development, you will need different codes for other media. RGB values dictate how the color appears on digital screens by mixing red, green, and blue light. For physical products and printing, CMYK values determine the required ink mixture, while formats like HSL offer more intuitive ways to adjust the color.
We've converted #C04000 into a full range of popular color models for you. Simply find the format you need below and copy the code for your project.
Analogous
Analogous colors are neighbors on the color wheel. For Mahogany, these adjacent hues create a harmonious and serene palette, perfect for calm designs.
Complementary
Complementary colors are opposites on the color wheel. When paired with Mahogany, its complement creates a high-contrast, visually striking effect.
Split Complementary
A split complementary scheme for Mahogany uses the two colors adjacent to its direct opposite, creating a dynamic palette with less visual tension.
Triadic
A triadic scheme for Mahogany involves two other colors equally spaced on the color wheel, creating a vibrant and harmonious high-contrast palette.
Tetradic
A tetradic color scheme uses four colors arranged into two complementary pairs, creating a rich and balanced palette with Mahogany as a key component.
Square
A square color scheme uses four colors equidistant on the color wheel. With Mahogany, this creates a vibrant, high-contrast palette with two complementary pairs.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Mahogany are created by adding black, giving the color more depth and gravity.
Tints
Tints are lighter variations of Mahogany, created by adding white for a softer effect.
Tones
Tones are created by adding gray to Mahogany, which desaturates the color for a subtler effect.
Hues
Hues are variations of Mahogany that differ in temperature or intensity, influencing a design's mood.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
