#688480 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#688480 presents a dusty, ashy teal with a heavily muted character. Its desaturated tone makes it an effective supporting background for healthcare or wellness UI where visual softness is preferred. Because it maintains sufficient contrast against black text, it functions well for readable interface components. Pair this hex code with warm terracotta or crisp white to keep the palette from appearing too muddy.
Questions about #688480
What is #688480 in RGB, HSL and CMYK?
In RGB, #688480 is rgb(104, 132, 128), in HSL hsl(171, 12%, 46%) and in CMYK 21%, 0%, 3%, 48%.
What colors pair well with the #688480 hex color?
This muted teal pairs beautifully with warm terracotta to introduce a balanced contrast or crisp white to keep your interface clean and readable. You can also ground the look by using a deep charcoal for typography or primary navigation elements.
Is #688480 readable on white or black?
#688480 has a 4.03:1 contrast ratio on white and 5.20: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.