Darkolivegreen colour (#556B2F)
Darkolivegreen is dark a green with hex code #556B2F, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 85, 107, 47; in HSL 82°, 39%, 30%. Use the tool to explore shades and harmonies.
How to use the Darkolivegreen colour
- The colour is pre-filled; click Explore to see all formats, shades and harmonies.
- Edit the value to try a variation.
- Copy the code you need.
Darkolivegreen in every format
| Format | Value |
|---|---|
| HEX | #556B2F |
| RGB | rgb(85, 107, 47) |
| RGB (0–1) | 0.333, 0.420, 0.184 |
| HSL | hsl(82, 39%, 30%) |
| CMYK (approx.) | 21%, 0%, 56%, 58% |
| CSS | color: darkolivegreen; |
Shades and tints of Darkolivegreen
Same hue and saturation, lightness from 90% to 10%:
#e8efdc | #d1e0b8 | #bad095 | #a4c171 | #8db14e | #718e3e | #546a2f | #38471f | #1c2310 |
Colours that go with Darkolivegreen
| Harmony | Colours | |
|---|---|---|
| Complementary | #452f6a | |
| Triadic | #2f546a | #6a2f54 |
| Analogous | #376a2f | #6a622f |
Similar named colours
The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:
| Colour | HEX | Difference |
|---|---|---|
| olivedrab | #6b8e23 | close |
| darkslategray | #2f4f4f | close |
| dimgray | #696969 | close |
| forestgreen | #228b22 | close |
| seagreen | #2e8b57 | close |
Accessibility
Contrast ratio of Darkolivegreen against white is 5.95:1 (passes WCAG AA for normal text) and against black 3.53:1 (fails). Use Darkolivegreen for text on white backgrounds.
Frequently asked questions
What is the hex code for Darkolivegreen?
#556B2F.
What is Darkolivegreen in RGB?
rgb(85, 107, 47).
What colour is complementary to Darkolivegreen?
#452f6a, directly opposite on the colour wheel.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.