#676264 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and ashy, #676264 is a medium-dark neutral gray with a faint mauve undertone. Its low saturation creates a restrained, professional feel suited to interfaces, typography, architecture, and minimal layouts. Use it as a supporting tone or dark background with warm white or dusty rose. The hex code #676264 provides about 6:1 contrast with white body text.
Questions about #676264
What is #676264 in RGB, HSL and CMYK?
In RGB, #676264 is rgb(103, 98, 100), in HSL hsl(336, 2%, 39%) and in CMYK 0%, 5%, 3%, 60%.
What colors pair well with #676264?
#676264 pairs well with warm white for clean contrast and dusty rose or muted mauve for a softer, warmer palette in interfaces, editorial layouts, and architectural palettes that favor quiet contrast. Its ashy gray base also supports restrained layouts where accents should remain subtle rather than bright.
Does #676264 read as warm or cool?
#676264 reads as a mostly neutral, slightly warm gray because its muted mauve undertone softens the cooler impression typical of medium-dark grays, placing it comfortably between cool and warm neutrals in restrained visual systems. Against icy white or blue, the mauve note may become more noticeable.
Is #676264 readable on white or black?
#676264 has a 5.98:1 contrast ratio on white and 3.50: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.