#677764 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy green sits firmly in the middle of the value scale, offering a grounded and matte finish. The hex code #677764 works best as a supporting background element, providing stability without overwhelming primary colors. Because it is highly desaturated, pair it with crisp white text to ensure readability, as it can occasionally appear muddy against darker neutrals.
Questions about #677764
What is #677764 in RGB, HSL and CMYK?
In RGB, #677764 is rgb(103, 119, 100), in HSL hsl(111, 9%, 43%) and in CMYK 13%, 0%, 16%, 53%.
Does #677764 work well for text-heavy designs?
Using #677764 as a text color is generally not recommended due to low contrast, as it is a mid-tone green. It performs best as a background or accent, where you should pair it with crisp white text to ensure readability for your users.
Which color palettes complement #677764 effectively?
#677764 pairs beautifully with warm, neutral tones like terracotta or soft creams to balance its cool, ashy undertones. These combinations create a grounded, organic aesthetic that feels both professional and natural for modern branding or interior design layouts.
Is #677764 readable on white or black?
#677764 has a 4.77:1 contrast ratio on white and 4.39: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.