#676767 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone, neutral grey lacks strong color undertones, making it a reliable choice for professional interfaces. Because it offers a 5.7:1 contrast ratio against white, #676767 works effectively for readable body text or secondary UI elements. Avoid using it as a large-scale background, as it can feel slightly muddy; it shines best when paired with high-contrast, saturated accent colors. The hex code is #676767.
Questions about #676767
What is #676767 in RGB, HSL and CMYK?
In RGB, #676767 is rgb(103, 103, 103), in HSL hsl(0, 0%, 40%) and in CMYK 0%, 0%, 0%, 60%.
Is #676767 suitable for main website text?
Yes, #676767 provides a 5.7:1 contrast ratio against white, which meets accessibility guidelines for readable body text in professional interfaces. It serves as a reliable, soft alternative to pure black while maintaining clear legibility on standard light backgrounds.
What color palettes pair best with #676767?
Because #676767 is a neutral grey without strong undertones, it works perfectly when paired with high-contrast, saturated colors. Use it as a structural base and layer in electric blue or vibrant crimson to create modern, balanced visual hierarchies.
Is #676767 readable on white or black?
#676767 has a 5.65:1 contrast ratio on white and 3.71: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.