#677C7C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted cyan sits somewhere between slate grey and seafoam. Because it is highly desaturated and matte, #677c7c serves as an excellent neutral backdrop for UI designs that prioritize readability. It pairs well with crisp charcoal text, as the contrast ratio is strong enough for body copy. Use this hex code when you need a professional, understated color that avoids the sterility of plain grey.
Questions about #677c7c
What is #677c7c in RGB, HSL and CMYK?
In RGB, #677c7c is rgb(103, 124, 124), in HSL hsl(180, 9%, 45%) and in CMYK 17%, 0%, 0%, 51%.
What colors pair best with #677c7c?
Is #677c7c readable on white or black?
#677c7c has a 4.42:1 contrast ratio on white and 4.75:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.