#6A6C64 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #6a6c64 is an ashy, dusty yellow with olive-gray undertones and low saturation. Its medium-dark value feels practical and grounded, while muted warmth suggests optimism and opportunity. Use it as a supporting tone in sale, budget, or construction branding. White text has about a 5.3:1 contrast ratio here, enough for WCAG AA body text.
Questions about #6a6c64
What is #6a6c64 in RGB, HSL and CMYK?
In RGB, #6a6c64 is rgb(106, 108, 100), in HSL hsl(75, 4%, 41%) and in CMYK 2%, 0%, 7%, 58%. Browse more shades of gray with names and hex codes.
What colors pair well with #6a6c64?
It pairs well with warm off-white, muted terracotta, dark brown, and faded denim blue, which add contrast without making the low-saturation base feel harsh while keeping the overall palette practical. Use #6a6c64 as a supporting tone beside brighter sale or construction accents.
Does #6a6c64 work for body text and UI backgrounds?
#6a6c64 supports white text at about a 5.3:1 contrast ratio, meeting WCAG AA for normal body text when used as a background in a standard interface with clear type sizing. It works for dark UI panels and buttons, while larger labels may need stronger contrast for emphasis.
Is #6a6c64 readable on white or black?
#6a6c64 has a 5.32:1 contrast ratio on white and 3.94: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.