Mahogany is a rich, warm brown with deep red undertones, exuding elegance and stability. It sits between red and brown on the color wheel. Similar shades include chestnut and burgundy. Use mahogany to add depth and sophistication to designs, especially in classic or cozy settings.
Mahogany is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #C04000
- RGB value: 75.3% red, 25.1% green, 0.0% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
For variations within the same spectrum as Mahogany, consider:
- Burnt orange (#be5103): This color captures the rich, earthy warmth found in mahogany wood, sharing its reddish undertones with a slightly brighter hue.
- Red-Brown (#942222): With its deep brown and red blend, this hue mirrors the robust, polished look typical of mahogany furnishings.
- Cognac (#a2574f): Cognac embodies a similar luxurious and rich vibe, with warm, reddish-brown tones that parallel mahogany’s natural depth.
- Brick Red (#c04657): This color provides a mix of red and brown reminiscent of mahogany's dark reddish appeal, offering a slightly more vibrant take.
To complement Mahogany, consider pairing it with:
- Ivory (#ffffe3): This neutral hue provides a subtle contrast, highlighting the warmth and richness of mahogany without overpowering it.
- Peach (#ffd3ac): Adding a soft and warm touch, peach complements mahogany with its gentle vibrancy, creating a cozy and inviting palette.
- Teal (#069494): The cool undertones of teal contrast beautifully with mahogany’s warmth, offering a refreshing and dynamic pairing.
- Mint Green (#adebb3): This fresh, light color provides an airy and vibrant contrast, enhancing mahogany's depth and richness.
Other colors worth considering include navy blue for a deep and complementary scheme and off-white to enhance a clean, classic look.
While mahogany is a rich, deep color, it may clash with:
- Neon Pink (#FF13F0): This bright pink is overly vibrant compared to the subtle depth of mahogany, creating a jarring contrast rather than harmony.
- Turquoise (#40E0D0): The high saturation of turquoise tends to compete with mahogany's warmth, resulting in a disjointed pairing.
- Bright Yellow (#FFED29): This vivid yellow can overwhelm mahogany, making it appear dull by comparison.
- Mint Green (#ADEBB3): The pastel nature of mint green can create a stark contrast with mahogany's intense richness, leading to an imbalance.
- Cyan (#00FFFF): Cyan's coolness and brightness can clash with the warm, sophisticated tones of mahogany, creating visual dissonance.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Amber Inferno
Sienna Skies
Spice Fusion
Contrast 5.28
- Large Text
#C04000
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.97
- Large Text
#C04000
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #C04000, known as dark pink, has RGB values of R:192 G:64, B:0 and CMYK values of C:0, M:67, Y:100, K:25.
| Value | CSS | |
|---|---|---|
| HEX | #C04000 | #C04000 |
| RGB DECIMAL | 192, 64, 0 | RGB(192,64,0) |
| RGB PERCENTAGE | 75.3, 25.1, 0.0 | RGB(75.3%,25.1%,0.0%) |
| CMYK | 0, 67, 100, 25 | |
| HSL | 20.0°, 100.0, 37.6 | HSL(20.0, 100.0%, 37.6%) |
| HSV (OR HSB) | 20.0°, 100.0, 75.3 | |
| WEB SAFE | #993300 | #993300 |
| CIE-LAB | 45.465, 49.215, 56.68 | |
| XYZ | 0.236, 0.149, 0.016 | |
| xyY | 0.753, 0.251, 0.0 | |
| CIE-LCH | 45.465, 75.065, 0.856 | |
| CIE-LUV | 45.465, 104.571, 37.701 | |
| HUNTER-LAB | 45.465, 49.215, 56.68 | |
| BINARY | 11000000, 01000000, 00000000 | |
| iOS - SwiftUI | Color(red: 0.753, green: 0.251, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.753, green: 0.251, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFF#C04000) |
