Olive Green
Online color picker to view shades, tints, color codes, and complementary colors
Olive Green is a muted, warm shade that bridges the gap between yellow and earthy green. Because of its muddy, unsaturated quality, it works best as a supporting tone or accent rather than a dominant background. Pair #677a04 with deep charcoal or muted terracotta for a balanced look. The hex code for this organic, nature-inspired color is #677a04, which supports white text for good readability.
Questions about Olive Green
What is the hex code for Olive Green?
Olive Green is #677a04. In RGB that is rgb(103, 122, 4), in HSL hsl(70, 94%, 25%) and in CMYK 16%, 0%, 97%, 52%.
What colors work best with #677a04 Olive Green?
Use #677a04 alongside terracotta or deep charcoal to balance its earthy, muddy undertones. Because it sits between yellow and green, it benefits from these neutral or warm contrasts to prevent the design from feeling too muted or flat on screen.
Is Olive Green readable on white or black?
Olive Green has a 4.81:1 contrast ratio on white and 4.36:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.