#676C60 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Grayed down and mid-weight, this shade of lime leans almost gray. Its dusty green undertone gives work a natural, dependable feel, though it can turn muddy when stretched across large areas, so it works best as a supporting tone. White text clears WCAG AA on #676c60 at about 5.4:1, which makes the hex code a safe pick for UI backgrounds in nature, sports, and gaming palettes.
Questions about #676c60
What is #676c60 in RGB, HSL and CMYK?
In RGB, #676c60 is rgb(103, 108, 96), in HSL hsl(85, 6%, 40%) and in CMYK 5%, 0%, 11%, 58%. Browse more shades of gray with names and hex codes.
What colors pair well with #676c60?
Warm accents like terracotta and cream bring out the green undertone in #676c60, while navy keeps it grounded. Avoid pale yellows nearby, since they make the gray in it read flat.
Is #676c60 readable on white or black?
#676c60 has a 5.39:1 contrast ratio on white and 3.89: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.