#6C7E80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#6c7e80 is a muted cyan-gray with a matte, ashy finish and low saturation. Its restrained character suits technology, aerospace, and productivity interfaces as a supporting tone rather than a dominant background. Pair it with warm white or muted coral for contrast. The hex code #6c7e80 supports black body text at roughly 4.9:1 contrast.
Questions about #6c7e80
What is #6c7e80 in RGB, HSL and CMYK?
In RGB, #6c7e80 is rgb(108, 126, 128), in HSL hsl(186, 8%, 46%) and in CMYK 16%, 2%, 0%, 50%.
What undertone does #6c7e80 have?
#6c7e80 reads as a cool cyan-gray because its blue-green undertone outweighs any warmth from its low saturation, creating a reserved, technical feel that suits focused interfaces and understated visual systems. Warm neutrals can soften the palette without overpowering its restrained character.
What colors pair well with #6c7e80?
#6c7e80 pairs well with warm white for clean contrast and muted coral or terracotta for a restrained accent, while charcoal can deepen the palette without making the interface feel harsh or overly colorful. Keep brighter accents limited so the cyan-gray remains supportive.
Where does #6c7e80 work best?
#6c7e80 works best as a supporting tone in technology dashboards, aerospace concepts, productivity interfaces, and neutral UI surfaces, where its low saturation reduces visual noise and keeps attention on primary content. Use it for panels, borders, icons, or secondary sections rather than a dominant background.
Is #6c7e80 readable on white or black?
#6c7e80 has a 4.25:1 contrast ratio on white and 4.93: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.