#677476 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted cyan carries a dusty, ashy character that leans heavily into grey. Because of its low chroma and balanced lightness, #677476 works best as a grounding neutral rather than a dominant color. It pairs effectively with crisp whites or deep charcoal for a professional tech aesthetic. While readable, ensure high contrast if using it for small text to maintain accessibility standards.
Questions about #677476
What is #677476 in RGB, HSL and CMYK?
In RGB, #677476 is rgb(103, 116, 118), in HSL hsl(188, 7%, 43%) and in CMYK 13%, 2%, 0%, 54%.
How should I use #677476 in a professional UI design?
#677476 functions best as a grounding neutral for background elements or secondary accents rather than a primary call-to-action color. Pair it with charcoal for high-contrast text or crisp white for a clean, minimalist tech aesthetic.
Does #677476 read as a cool or warm color?
While it originates from a cyan base, the heavy grey desaturation pushes #677476 into a cool, neutral space. It lacks the vibrancy of pure blue or green, making it a reliable choice for designs that prioritize subtlety and professional restraint.
Is #677476 readable on white or black?
#677476 has a 4.84:1 contrast ratio on white and 4.33: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.