Online Tools HarborDark Olive Green color codes
| CSS name | darkolivegreen |
|---|---|
| HEX | #556B2F |
| RGB | rgb(85, 107, 47) |
| HSL | hsl(82, 39%, 30%) |
| CMYK | cmyk(21%, 0%, 56%, 58%) |
| Decimal | 5597999 |
Shades of Dark Olive Green (darker)
#4D602A · #445626 · #3C4B21 · #33401C · #2B3618 · #222B13 · #1A200E · #111509 · #090B05
Tints of Dark Olive Green (lighter)
#667A44 · #778959 · #88976D · #99A682 · #AAB597 · #BBC4AC · #CCD3C1 · #DDE1D5 · #EEF0EA
Color harmonies
| Complementary | #452F6A |
|---|---|
| Triadic | #2F546A, #6A2F54 |
| Analogous | #6A622F, #376A2F |
Accessibility (WCAG contrast)
| White text on Dark Olive Green | 5.95:1 · AA |
|---|---|
| Black text on Dark Olive Green | 3.53:1 · AA large text only |
Use Dark Olive Green in code
.element {
color: darkolivegreen; /* or #556b2f */
background-color: rgb(85 107 47 / 0.5);
}Frequently asked questions
What is the hex code for Dark Olive Green?
Dark Olive Green is #556B2F in HEX, rgb(85, 107, 47) in RGB and hsl(82, 39%, 30%) in HSL.
Can I use "darkolivegreen" directly in CSS?
Yes. "darkolivegreen" is one of the 148 standard CSS named colors, so color: darkolivegreen; works in every browser.
Is Dark Olive Green readable on white?
The contrast ratio of Dark Olive Green on white is 5.95:1 (WCAG AA). On black it is 3.53:1 (AA large text only).
What is the complementary color of Dark Olive Green?
The complementary color (opposite on the color wheel) is #452F6A.
Similar colors
Olive Drab#6B8E23Dark Slate Gray#2F4F4FDark Slate Grey#2F4F4FDim Gray#696969Dim Grey#696969Forest Green#228B22Sea Green#2E8B57Olive#808000
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.