#696B27 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and organic, #696b27 functions best as an accent color rather than a large background. Its warm, yellow-olive character brings an earthy quality to branding and outdoor themes. Pair this shade with deep charcoal or warm slate to keep it from looking muddy. The hex code for this olive tone is #696b27, which supports white text legibly for accessible design.
Questions about #696b27
What is #696b27 in RGB, HSL and CMYK?
In RGB, #696b27 is rgb(105, 107, 39), in HSL hsl(62, 47%, 29%) and in CMYK 2%, 0%, 64%, 58%.
What color schemes work best with #696b27?
The yellow-olive undertones of #696b27 create a striking look when paired with deep, cool neutrals like charcoal or slate gray. These darker shades anchor the warmth of the color, preventing it from appearing muddy or washed out in your final layout.
How can I use #696b27 effectively in web design?
Treat #696b27 primarily as an accent color for buttons, borders, or iconography rather than a full-page background. Because of its muted intensity, it pairs well with white text, providing good contrast while maintaining a sophisticated, organic aesthetic for outdoor or sustainability-focused brands.
Is #696b27 readable on white or black?
#696b27 has a 5.62:1 contrast ratio on white and 3.73: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.