Illuminating Emerald
HEX: #319177 | Modern Palette
Color Specifications
#319177
49, 145, 119
163°, 66% ,56%
66.21, 0, 17.93, 43.14
About Illuminating Emerald
Illuminating Emerald (#319177) is a color with RGB(49, 145, 119) and HSL(163.75°, 66.21%, 56.86%). In design, it fits Cool styles and is suitable for Text, Button, Accent. Its complementary color is #91314B, which creates strong contrast. Its triadic palette includes #773191 and #917731. The name comes from Illuminating Emerald (English).
- HEX: #319177
- RGB: 49, 145, 119
- HSL: 163.75°, 66.21%, 56.86%
- Style: Cool
- Use case: Text, Button, Accent
- Complementary color: #91314B
- Triadic colors: #773191, #917731
- The name comes from Illuminating Emerald (English).
Live Components
Color Palettes
Illuminating Emerald #319177 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
Illuminating Emerald #319177 pairs with #91314B as its complementary color, and #773191 and #917731 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
History
While the constituent words have ancient histories, the phrase 'Illuminating Emerald' itself does not have a long, documented historical usage as a fixed term. Its history is more recent, appearing in contexts where a vivid, positive, and somewhat luxurious description is desired. It might be found in: - **Product Naming:** For cosmetics, paints, fashion items, or jewelry. - **Project Titles:** For environmental initiatives, art exhibitions, or technology projects aiming for clarity and growth. - **Literary/Artistic Descriptions:** To evoke a specific visual or conceptual image. Its usage reflects a modern trend of combining evocative adjectives with nouns to create memorable and appealing names.
First Recorded Use
The individual words 'illuminating' and 'emerald' have much older origins. 'Illuminating' comes from Latin 'illuminare' (to light up) and 'emerald' from Greek 'smaragdos' (green gem). Their combination as a specific descriptive phrase like a product name, project title, or artistic concept likely emerged in the late 20th or early 21st century, driven by marketing, branding, and creative naming conventions. It's not a fixed idiom with a single point of origin.
Cultural Associations
The phrase taps into several cultural associations: - **Emerald:** Symbolizes renewal, nature, wealth, royalty, and often wisdom or truth. It's a color frequently associated with Ireland ('Emerald Isle') and spring. - **Illuminating:** Conveys clarity, enlightenment, brilliance, and often progress or discovery. It has positive connotations of shedding light on something, making it understandable or beautiful. Together, 'Illuminating Emerald' suggests a vibrant, clear, and perhaps insightful quality, often with an undertone of natural beauty or sophisticated luxury. It could be used to evoke feelings of freshness, clarity, growth, or even a radiant, precious quality.
Code Snippets
/* Background */
.element {
background-color: #319177;
}
/* Text */
.element {
color: #319177;
}
/* Border */
.element {
border: 1px solid #319177;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#319177,
#DA4870
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#319177,
#DA4870
);
}// SCSS variable
$illuminating-emerald: #319177;
// With RGB channels (useful for rgba() usage)
$illuminating-emerald-r: 49;
$illuminating-emerald-g: 145;
$illuminating-emerald-b: 119;
// Usage
.element {
background-color: $illuminating-emerald;
color: rgba($illuminating-emerald-r, $illuminating-emerald-g, $illuminating-emerald-b, 0.8);
}