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