Dark Olive Green colour code

Text contrast

With white: 5.95:1 · With black: 3.53:1

Normal text needs 4.5:1 for AA; large text needs 3:1.

Use Dark Olive Green in CSS

Copy this background and text pairing into your stylesheet.

.colour-dark-olive-green {
  background-color: #556B2F;
  color: #FFFFFF;
}

Use the HEX value for a consistent digital reference. Descriptive colour names can vary between collections and are not always valid CSS keywords. This code does not identify a paint, fabric or print specification.

Using Dark Olive Green

Try it in botanical illustrations, landscape palettes or project accents. Add text or icons when using it to communicate success.

This pairing uses #FFFFFF text on #556B2F. Results apply to solid colours; recheck contrast if you add transparency, imagery or effects.

Colour companions