#676766 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-toned grey sits squarely in the middle of the spectrum with a distinctly dusty, matte finish. Because of its balanced lightness, the hex code #676766 works well as a supporting background tone in minimal interfaces. Pair it with crisp white typography for high legibility, as it meets WCAG AA standards. This shade provides a stable, professional foundation without distracting from bolder design elements.
Questions about #676766
What is #676766 in RGB, HSL and CMYK?
In RGB, #676766 is rgb(103, 103, 102), in HSL hsl(60, 0%, 40%) and in CMYK 0%, 0%, 1%, 60%.
Which colors pair well with #676766 in a design layout?
This shade works effectively as a grounding element for vibrant, warm accents like terracotta or mustard. Because it is a neutral, balanced grey, it also creates a clean, sophisticated look when layered alongside muted blues or soft greens.
Is #676766 readable on white or black?
#676766 has a 5.66:1 contrast ratio on white and 3.70: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.