#687570 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #687570 graphic
#687570 is a muted gray-green teal that sits between sage and slate. Its low saturation keeps it calm and understated, which makes it a reliable neutral for healthcare, wellness, and minimalist brand palettes. Use it as a supporting tone behind white or cream text, or pair it with warm woods and off-whites for a grounded, natural feel.

Questions about #687570

What is #687570 in RGB, HSL and CMYK?
In RGB, #687570 is rgb(104, 117, 112), in HSL hsl(157, 6%, 43%) and in CMYK 11%, 0%, 4%, 54%. Browse more shades of gray with names and hex codes.
What color is #687570?
#687570 is a muted gray-green teal. It reads as a soft, desaturated green with just enough blue to feel cool and calm rather than warm.
What colors pair well with #687570?
Warm neutrals like cream, sand, and soft white balance its cool tone. For contrast, pair it with a deep charcoal or a muted terracotta accent.
Is #687570 a good background color?
Yes. Its mid-tone value supports white text at readable contrast levels, so it works well for UI panels, headers, and large surfaces.
Is #687570 readable on white or black?
#687570 has a 4.80:1 contrast ratio on white and 4.36: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.