#677E75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, grey-leaning teal creates a grounded, understated base for wellness and healthcare interfaces. Its muted saturation makes it excellent for large backgrounds where bright colors might overwhelm. Pair #677e75 with clean, high-contrast black text for readability. Since it sits in a middle-ground lightness, it functions best as a supporting element rather than a focal point. The hex code for this ashy teal is #677e75.
Questions about #677e75
What is #677e75 in RGB, HSL and CMYK?
In RGB, #677e75 is rgb(103, 126, 117), in HSL hsl(157, 10%, 45%) and in CMYK 18%, 0%, 7%, 51%.
What colors pair well with #677e75?
#677e75 works best with crisp, high-contrast pairings like charcoal for typography or off-whites for a clean, natural balance. Because it is a muted, mid-tone teal, it also functions beautifully when layered with soft, desaturated beiges or muted clay tones.
Is #677e75 readable on white or black?
#677e75 has a 4.35:1 contrast ratio on white and 4.81: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.