Dark Olive Green
HEX: #556B2F | Modern Palette
Color Specifications
#556B2F
85, 107, 47
82°, 56% ,41%
20.56, 0, 56.07, 58.04
About Dark Olive Green
Dark Olive Green (#556B2F) is a color with RGB(85, 107, 47) and HSL(82°, 56.07%, 41.96%). In design, it is suitable for Text, Button, Logo. Its complementary color is #452F6B, which creates strong contrast. Its triadic palette includes #2F556B and #6B2F55. The name comes from Dark Olive Green (English).
- HEX: #556B2F
- RGB: 85, 107, 47
- HSL: 82°, 56.07%, 41.96%
- Use case: Text, Button, Logo
- Complementary color: #452F6B
- Triadic colors: #2F556B, #6B2F55
- The name comes from Dark Olive Green (English).
Live Components
Color Palettes
Dark Olive Green #556B2F 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 Olive Green #556B2F pairs with #452F6B as its complementary color, and #2F556B and #6B2F55 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 color 'olive' itself has ancient roots, referring to the fruit of the olive tree. As a color name, 'olive green' emerged to describe the characteristic greenish-brown hue. The addition of 'dark' specifies a deeper, less vibrant version of this color. It has been widely used in military uniforms (e.g., olive drab), camouflage, outdoor gear, and fashion due to its earthy, subdued, and practical qualities. Its association with nature and utility is strong.
First Recorded Use
While 'olive green' has existed longer, the specific descriptor 'dark olive green' likely gained prominence as color naming became more precise, particularly in fashion, military, and art contexts. Exact first use is hard to pinpoint, but the late 19th to early 20th century saw a rise in such specific color nomenclature.
Cultural Associations
Dark olive green is often associated with nature, the military, practicality, and ruggedness. In fashion, it can evoke a sense of sophistication, earthiness, or a utilitarian chic. It's a versatile neutral that pairs well with many other colors. It's also commonly seen in home decor, reflecting a desire for natural tones and a calming atmosphere. Its military connection can also give it connotations of strength and resilience.
Code Snippets
/* Background */
.element {
background-color: #556B2F;
}
/* Text */
.element {
color: #556B2F;
}
/* Border */
.element {
border: 1px solid #556B2F;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#556B2F,
#5B2FA7
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#556B2F,
#5B2FA7
);
}// SCSS variable
$dark-olive-green: #556B2F;
// With RGB channels (useful for rgba() usage)
$dark-olive-green-r: 85;
$dark-olive-green-g: 107;
$dark-olive-green-b: 47;
// Usage
.element {
background-color: $dark-olive-green;
color: rgba($dark-olive-green-r, $dark-olive-green-g, $dark-olive-green-b, 0.8);
}