#778470 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, greyish olive feels grounded and understated. Because it is highly muted, #778470 works effectively as a stable, neutral backdrop for organic branding or UI elements. It lacks high saturation, making it easy on the eyes when paired with crisp black text for readability. Avoid using it as a primary highlight, as it shines best when supporting more vibrant colors in a layout.
Questions about #778470
What is #778470 in RGB, HSL and CMYK?
In RGB, #778470 is rgb(119, 132, 112), in HSL hsl(99, 8%, 48%) and in CMYK 10%, 0%, 15%, 48%. Browse more shades of gray with names and hex codes.
What colors pair well with #778470?
#778470 works effectively when balanced against high-contrast neutrals like charcoal or soft off-whites to maintain readability. For a more sophisticated organic palette, combine this shade with warm, desaturated terracotta or deeper, muted forest tones to create a natural aesthetic.
Is #778470 suitable for UI text?
Avoid using #778470 for body text because its muted saturation lacks sufficient contrast against standard light backgrounds for accessibility. It functions much better as a background fill for cards or navigation bars where it can support darker, high-contrast typography.
Is #778470 readable on white or black?
#778470 has a 3.94:1 contrast ratio on white and 5.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.