Dark olive green color: code #556B2F
Dark olive green
#556B2F
Color codes
- HEX
#556B2F - RGB
rgb(85, 107, 47) - HSL
hsl(82, 39%, 30%) - HSV
hsv(82, 56%, 42%) - CMYK
cmyk(21%, 0%, 56%, 58%) - LAB
lab(42.2% -18.8 30.6) - OKLCH
oklch(49.6% 0.09 126.2)
About the color Dark olive green
Dark olive green has the HEX code #556B2F, which corresponds to rgb(85, 107, 47) in the RGB model. On the color wheel its hue sits at 82°, with 39% saturation and 30% lightness (hsl(82, 39%, 30%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for light text: white reaches a 5.94:1 contrast ratio on it, versus 3.53:1 for black.
For print, the approximate conversion is cmyk(21%, 0%, 56%, 58%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Dark olive green
Complementary
#556B2F · #452F6A
Analogous
#6A622F · #556B2F · #376A2F
Triadic
#556B2F · #2F546A · #6A2F54
Tetradic
#556B2F · #2F6A62 · #452F6A · #6A2F37
Split-complementary
#556B2F · #2F376A · #622F6A
Monochromatic
#0E1208 · #38471F · #556B2F · #7FA046 · #A4C171
Dark olive green with white and black text
How to use it in CSS
:root {
--color-dark-olive-green: #556B2F;
--color-dark-olive-green-rgb: 85, 107, 47;
}
.elemento {
background-color: var(--color-dark-olive-green);
color: #FFFFFF;
}