#687A03 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #687a03 graphic
#687a03 is a muted, warm yellow-green with earthy undertones. Its mellow saturation suggests nature, resilience, and practical optimism, making it useful for organic products, outdoor brands, construction, and budget-focused designs. Use it as a supporting tone beside navy or warm beige. White text provides about 4.8:1 contrast, meeting WCAG AA for body text. The hex code is #687a03.

Questions about #687a03

What is #687a03 in RGB, HSL and CMYK?
In RGB, #687a03 is rgb(104, 122, 3), in HSL hsl(69, 95%, 25%) and in CMYK 15%, 0%, 98%, 52%.
What colors pair well with #687a03?
#687a03 pairs well with navy and warm beige, while muted natural tones reinforce its earthy yellow-green character; navy adds grounded contrast, and warm beige creates a softer, organic feel for packaging and interfaces.
Does #687a03 look warm or cool?
#687a03 reads as a warm yellow-green because its yellow component tempers the green, while its muted saturation keeps the effect earthy rather than bright or tropical, making it suitable for grounded, nature-led visual systems.
Is #687a03 readable on white or black?
#687a03 has a 4.80:1 contrast ratio on white and 4.37: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.