#696561 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted grey sits firmly in neutral territory. It lacks strong chroma, making it an excellent supporting color for interface elements that require stability rather than attention. Pair #696561 with crisp white text to achieve a 5.8:1 contrast ratio, ensuring accessibility for body copy. It feels professional and restrained, working best as a background foundation rather than a focal point.
Questions about #696561
What is #696561 in RGB, HSL and CMYK?
In RGB, #696561 is rgb(105, 101, 97), in HSL hsl(30, 4%, 40%) and in CMYK 0%, 4%, 8%, 59%.
How should I use #696561 in digital UI design?
#696561 works best as a neutral foundation or secondary background color to provide stability without distracting from primary content. Pair it with high-contrast text like off-white or soft cream to maintain readability standards while keeping the overall aesthetic professional and restrained.
Does #696561 lean warm or cool in a design layout?
#696561 is a warm-leaning neutral, often classified as a taupe-grey because of its subtle earthy undertones. This warmth makes it much friendlier than a harsh, blue-tinted cool grey, allowing it to harmonize easily with natural textures like wood, stone, or muted olive accents.
Is #696561 readable on white or black?
#696561 has a 5.77:1 contrast ratio on white and 3.63: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.