#676E67 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy green sits in a muted mid-tone, appearing more grey than verdant. Because of its low saturation, #676e67 works best as a grounding neutral rather than a primary color. It provides excellent legibility for white text, making it a functional choice for modern UI backgrounds or branding that favors organic, understated stability over loud, high-contrast energy.
Questions about #676e67
What is #676e67 in RGB, HSL and CMYK?
In RGB, #676e67 is rgb(103, 110, 103), in HSL hsl(120, 3%, 42%) and in CMYK 6%, 0%, 6%, 57%.
Is #676e67 considered a warm or cool color?
While #676e67 has green roots, its heavy grey saturation pushes it toward a neutral, cool temperature. It lacks the vibrancy of traditional green, making it read more like a slate-inspired shadow rather than an organic, earthy tone for your design.
What colors pair effectively with #676e67?
This muted green works best when grounded by high-contrast anchors or soft, warm neutrals. Try pairing #676e67 with charcoal for text legibility, or mix it with soft cream tones to create a balanced, modern, and sophisticated UI aesthetic.
Is #676e67 readable on white or black?
#676e67 has a 5.24:1 contrast ratio on white and 4.00: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.