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
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #306030 from deepest shade to lightest tint.
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);
}