A deep, earthy olive green that's one of the HTML/CSS named colors. It's softer than army green and very natural looking. It's popular for fall fashion, cargo pants and rustic decor.
Dark olive green (#556B2F) is a balanced, dark, moderately saturated color. It belongs to the greens family. It mixes 85 red, 107 green and 47 blue (out of 255). It is mostly used in web, fall fashion, rustic decor.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--dark-olive-green: #556B2F;
--dark-olive-green-rgb: 85, 107, 47;
}
.bg { background-color: var(--dark-olive-green); }
.text { color: var(--dark-olive-green); }The hex code for dark olive green is #556B2F. In RGB it is rgb(85, 107, 47), in HSL hsl(82, 39%, 30%) and in CMYK 21, 0, 56, 58.
Its complement on the color wheel is #452F6B, close to ultra violet. Used in small doses, it works as an accent and adds strong contrast.
Yes. The contrast with white is 5.9:1, enough for body text (WCAG AA).