#706648 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted olive leans heavily into earthy brown tones, trading brightness for a grounded, matte appearance. The hex code #706648 offers enough contrast for legible white body text, making it a reliable choice for UI backgrounds. Use it sparingly as a supporting element rather than a dominant color, as it can appear muddy when applied to large areas. Pair it with soft creams for a balanced, natural palette.
Questions about #706648
What is #706648 in RGB, HSL and CMYK?
In RGB, #706648 is rgb(112, 102, 72), in HSL hsl(45, 22%, 36%) and in CMYK 0%, 9%, 36%, 56%.
How should I use #706648 in a color palette?
Pair #706648 with soft creams or off-whites to balance its heavy, earthy appearance and maintain a clean look. Because it acts as a muted neutral, it functions well as a grounding element for brighter, more vibrant accent colors.
Is #706648 a good choice for text backgrounds?
The hex color #706648 provides enough contrast for large white body text, making it a reliable choice for UI backgrounds. However, avoid using it for small, thin text to ensure legibility, as the muted tone can muddy the appearance.
Is #706648 readable on white or black?
#706648 has a 5.70:1 contrast ratio on white and 3.68: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.