#677423 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#677423 is a muted, earthy olive with distinct yellow undertones. Because of its low saturation, it feels grounded and organic rather than punchy. It works best as a secondary accent color to support bolder hues like terracotta or cream. While it offers enough contrast for legible white body text, use it sparingly in UI to avoid a muddy appearance across large layouts. The hex code is #677423.
Questions about #677423
What is #677423 in RGB, HSL and CMYK?
In RGB, #677423 is rgb(103, 116, 35), in HSL hsl(70, 54%, 30%) and in CMYK 11%, 0%, 70%, 55%.
What colors work best alongside #677423 in a design?
#677423 pairs beautifully with warm, earthy tones like terracotta or soft cream to create an organic, balanced feel. Avoid pairing it with high-saturation neons, as those can make this muted olive appear muddy or dull in comparison.
Is #677423 a warm or cool color?
#677423 reads as a distinctly warm color due to its prominent yellow undertones. This warmth makes it feel grounded and natural, which separates it from cooler, blue-leaning olives or sage greens that feel more crisp or clinical.
Is #677423 readable on white or black?
#677423 has a 5.12:1 contrast ratio on white and 4.09: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.