Dark Spring Green
HEX: #177245 | Modern Palette
Color Specifications
#177245
23, 114, 69
150°, 79% ,44%
79.82, 0, 39.47, 55.29
About Dark Spring Green
Dark Spring Green (#177245) is a color with RGB(23, 114, 69) and HSL(150.33°, 79.82%, 44.71%). In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #721744, which creates strong contrast. Its triadic palette includes #451772 and #724517. The name comes from Dark Spring Green (English).
- HEX: #177245
- RGB: 23, 114, 69
- HSL: 150.33°, 79.82%, 44.71%
- Style: Vivid, Cool
- Use case: Text, Button, Accent
- Complementary color: #721744
- Triadic colors: #451772, #724517
- The name comes from Dark Spring Green (English).
Live Components
Color Palettes
Dark Spring Green #177245 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
Dark Spring Green #177245 pairs with #721744 as its complementary color, and #451772 and #724517 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 concept of 'spring green' dates back to at least the late 18th or early 19th century, referring to the fresh, vibrant green of new leaves in springtime. Over time, as color science and naming evolved, various shades were categorized. The addition of 'dark' to 'spring green' creates a specific nuance, distinguishing it from lighter, more pastel spring greens. Its formalization with a hex code like #177245 is a product of digital age color standardization, allowing for precise reproduction across different media. It's often found in extended color lists for software, web development, and graphic design.
First Recorded Use
The specific combination 'Dark Spring Green' as a named color, especially with a precise hexadecimal value like #177245, likely emerged with the advent of digital color systems, web design, and standardized color palettes (e.g., X11 color names, CSS color modules). While 'spring green' has older roots, the 'dark' modifier for a specific digital shade is more recent.
Cultural Associations
Green, in general, is widely associated with nature, growth, renewal, and fertility. 'Spring green' specifically evokes youth, freshness, and the beginning of life cycles. The 'dark' modifier adds a sense of depth, richness, and maturity, perhaps suggesting the lushness of a forest floor in spring rather than just the tips of new shoots. It can be seen as grounding and sophisticated while retaining the positive connotations of spring. It's a common color in nature-themed designs, environmental branding, and sometimes in fashion for its earthy yet vibrant quality.
Code Snippets
/* Background */
.element {
background-color: #177245;
}
/* Text */
.element {
color: #177245;
}
/* Border */
.element {
border: 1px solid #177245;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#177245,
#CD1771
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#177245,
#CD1771
);
}// SCSS variable
$dark-spring-green: #177245;
// With RGB channels (useful for rgba() usage)
$dark-spring-green-r: 23;
$dark-spring-green-g: 114;
$dark-spring-green-b: 69;
// Usage
.element {
background-color: $dark-spring-green;
color: rgba($dark-spring-green-r, $dark-spring-green-g, $dark-spring-green-b, 0.8);
}