#677645 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated olive green feels grounded and organic. Because it carries a significant amount of gray, #677645 works best as a supporting tone rather than a dominant background. It pairs exceptionally well with muted terracotta or cream. Since this hex code offers sufficient contrast for body text against white, designers often use it for readable outdoor branding and earthy UI elements.
Questions about #677645
What is #677645 in RGB, HSL and CMYK?
In RGB, #677645 is rgb(103, 118, 69), in HSL hsl(78, 26%, 37%) and in CMYK 13%, 0%, 42%, 54%.
What colors pair well with #677645?
#677645 works best when grounded by warm, neutral tones. Try pairing this olive green with muted terracotta or soft cream to balance its gray undertones, or use a deep charcoal for high-contrast, readable text.
Is #677645 suitable for body text on a white background?
#677645 provides adequate contrast for readable body text against a white background, making it a reliable choice for earthy UI design. Ensure your font size is large enough to maintain accessibility standards for standard web viewing.
Is #677645 readable on white or black?
#677645 has a 4.93:1 contrast ratio on white and 4.25: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.