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
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 #319177 from deepest shade to lightest tint.
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);
}