- No data uploaded
- Instant results
Dark Olive Green — #556B2F
Dark Olive Green is the CSS named colour darkolivegreen, hex #556B2F. It has a contrast ratio of 5.95:1 on white and 3.53:1 on black — readable as text on white backgrounds (WCAG AA).
Dark Olive Green — #556B2F
Contrast on white 5.95:1 · on black 3.53:1
Tints
Shades
Complementary
Triadic
Analogous
Using Dark Olive Green in code
CSS: color: darkolivegreen; or color: #556B2F; · Tailwind: text-[#556B2F] · Android/Flutter: 0xFF556B2F
Dark Olive Green colour harmonies
Complementary: #452F6B · Triadic: #2F556B, #6B2F55 · Analogous: #6B632F, #376B2F. Use tints for backgrounds and shades for hover states.
Dark Olive Green in every colour format
| Format | Value |
|---|---|
| HEX | #556B2F |
| RGB | rgb(85, 107, 47) |
| HSL | hsl(82, 39%, 30%) |
| HSV | hsv(82, 56%, 42%) |
| CMYK | cmyk(21%, 0%, 56%, 58%) |
| CSS name | darkolivegreen |
| Contrast on white | 5.95:1 |
| Contrast on black | 3.53:1 |
Frequently asked questions
What is the hex code for Dark Olive Green?
#556B2F (CSS name: darkolivegreen).
What is Dark Olive Green in RGB?
rgb(85, 107, 47)
What colour goes well with Dark Olive Green?
Its complementary colour #452F6B, or the analogous #6B632F and #376B2F.