#676666 Hex Color

Professional medium grey with neutral balance

Hex color #676666 graphic
This medium-dark grey provides a steady, professional foundation for minimal interfaces and branding. Because it sits comfortably between light and dark, the hex code #676666 offers enough contrast for legible white text without the harshness of pure black. Use it as a secondary background color to create depth or pair it with soft, desaturated blues for a sophisticated, technical look.

Questions about #676666

What is #676666 in RGB, HSL and CMYK?
In RGB, #676666 is rgb(103, 102, 102), in HSL hsl(0, 0%, 40%) and in CMYK 0%, 1%, 1%, 60%.
Does #676666 have a warm or cool undertone?
#676666 reads as a true neutral grey because its red, green, and blue values are nearly identical, avoiding significant warm or cool bias. This stability makes it an excellent choice for backgrounds where you want to avoid clashing with colored elements.
What colors pair well with #676666 for a professional look?
Pair #676666 with slate or navy to create a sophisticated, technical aesthetic without overwhelming the viewer. These combinations maintain high readability and provide a balanced hierarchy for text-heavy layouts or professional brand identities.
Is #676666 readable on white or black?
#676666 has a 5.72:1 contrast ratio on white and 3.66: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.