#696553 Hex Color

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

Hex color #696553 graphic
#696553 is an ashy, muted olive-yellow that reads as a dark, dusty neutral. Because it lacks saturation, it works best as a supporting element or textured background rather than a main color. Pair this hex code with crisp white text to meet accessibility standards, as the high contrast prevents it from looking muddy. It grounds design palettes that need a serious, understated foundation.

Questions about #696553

What is #696553 in RGB, HSL and CMYK?
In RGB, #696553 is rgb(105, 101, 83), in HSL hsl(49, 12%, 37%) and in CMYK 0%, 4%, 21%, 59%. Browse more shades of gray with names and hex codes.
Does #696553 lean more warm or cool in a design?
#696553 reads as a warm, earthy neutral because of its subtle yellow and olive undertones. These pigments give it a natural, organic quality that feels far less sterile than a standard gray or taupe.
What colors pair well with #696553?
Pair #696553 with cream or off-white to maintain a soft, high-contrast look that keeps the design readable. For a more sophisticated palette, accent this neutral with deep charcoal or muted terracotta to highlight its earthy personality.
Is #696553 readable on white or black?
#696553 has a 5.85:1 contrast ratio on white and 3.58: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.