#656767 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, mid-tone grey serves as a stable foundation for clean interfaces and professional typography. The hex code #656767 provides a 5.7:1 contrast ratio with white, ensuring excellent legibility for small body text. Designers often use this shade to replace harsh blacks in UI design. Pair it with muted pastels to soften its neutral character and avoid a flat, monochromatic aesthetic.
Questions about #656767
What is #656767 in RGB, HSL and CMYK?
In RGB, #656767 is rgb(101, 103, 103), in HSL hsl(180, 1%, 40%) and in CMYK 2%, 0%, 0%, 60%.
Why is #656767 better than using pure black for web text?
Using #656767 for body text reduces eye strain by providing a softer contrast against white backgrounds compared to harsh, absolute black. It maintains professional legibility while creating a more modern, approachable feel that feels less jarring on digital screens.
What colors pair best with #656767 in a design palette?
Because #656767 is a neutral grey, it anchors vibrant colors without competing for attention. It works exceptionally well when paired with soft sage or muted blues to create a calm, sophisticated aesthetic that avoids feeling too cold or sterile.
Is #656767 readable on white or black?
#656767 has a 5.69:1 contrast ratio on white and 3.68: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.