#6C9474 Hex Color

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

Hex color #6c9474 graphic
This muted, dusty green sits at a low saturation, providing a grounded alternative to brighter, synthetic tones. Because #6c9474 is desaturated, it excels as a supporting background element for UI designs rather than a primary focus. Pair it with soft cream or warm greys to avoid a muddy appearance. Black text creates clear, accessible contrast against this hex code, ensuring readability for body content.

Questions about #6c9474

What is #6c9474 in RGB, HSL and CMYK?
In RGB, #6c9474 is rgb(108, 148, 116), in HSL hsl(132, 16%, 50%) and in CMYK 27%, 0%, 22%, 42%.
What colors pair best with #6c9474?
#6c9474 works best when grounded by warm neutrals or clean, high-contrast darks. It looks particularly sophisticated alongside cream or warm gray to soften the look, while pairing with charcoal provides the necessary contrast for accessible, readable text overlays.
Is #6c9474 suitable for user interface design?
#6c9474 is an excellent choice for UI backgrounds because its desaturated nature avoids visual fatigue. It provides a calm, organic feel that does not overpower primary buttons or interactive elements, making it a reliable supporting color for modern, minimalist web layouts.
Is #6c9474 readable on white or black?
#6c9474 has a 3.42:1 contrast ratio on white and 6.12: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.