Mughal Green
HEX: #306030 | Modern Palette
Color Specifications
#306030
48, 96, 48
120°, 50% ,37%
50, 0, 50, 62.35
About Mughal Green
Mughal Green (#306030) is a color with RGB(48, 96, 48) and HSL(120°, 50%, 37.65%). It is commonly associated with Earthy moods. In design, it fits Cool styles and is suitable for Text, Button, Logo. Its complementary color is #603060, which creates strong contrast. Its triadic palette includes #303060 and #603030. The name comes from Mughal Green (English).
- HEX: #306030
- RGB: 48, 96, 48
- HSL: 120°, 50%, 37.65%
- Mood: Earthy
- Style: Cool
- Use case: Text, Button, Logo
- Complementary color: #603060
- Triadic colors: #303060, #603030
- The name comes from Mughal Green (English).
Live Components
Color Palettes
Mughal Green #306030 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Mughal Green #306030 pairs with #603060 as its complementary color, and #303060 and #603030 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
History
The Mughal Empire (1526-1857) was a powerful Islamic empire that ruled over much of the Indian subcontinent. Green holds significant cultural and religious importance in Islam, often symbolizing paradise, nature, and life. During the Mughal era, green was extensively used in various forms of art, architecture, textiles, and miniature paintings. It was derived from natural pigments and dyes. The modern naming of 'Mughal Green' for a specific hex code reflects an attempt to categorize and reference colors reminiscent of historical periods and styles. The hex code #306030 represents a deep, somewhat muted green, which aligns with the earthy and rich tones often found in historical pigments.
First Recorded Use
The specific term 'Mughal Green' as a named color, particularly with a hex code, is a modern designation. However, the use of green as a significant color in Mughal art and architecture dates back to the empire's founding in the 16th century.
Cultural Associations
Green is a highly revered color in Islamic culture, often associated with the Prophet Muhammad, paradise (Jannah), and fertility. In Mughal art and architecture, green was used to depict lush gardens, natural landscapes, and as a decorative element in mosques, tombs, and palaces. Examples include the intricate tile work and pietra dura inlays found in structures like the Taj Mahal (though white marble dominates, green accents are present in surrounding elements and gardens) and various forts and tombs across India. The color evokes a sense of royalty, prosperity, and natural beauty, reflecting the aesthetic sensibilities of the Mughal emperors.
Code Snippets
/* Background */
.element {
background-color: #306030;
}
/* Text */
.element {
color: #306030;
}
/* Border */
.element {
border: 1px solid #306030;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#306030,
#903090
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#306030,
#903090
);
}// SCSS variable
$mughal-green: #306030;
// With RGB channels (useful for rgba() usage)
$mughal-green-r: 48;
$mughal-green-g: 96;
$mughal-green-b: 48;
// Usage
.element {
background-color: $mughal-green;
color: rgba($mughal-green-r, $mughal-green-g, $mughal-green-b, 0.8);
}