#626658 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated olive sits between grey and yellow. The hex code #626658 feels moody and muted, functioning best as a background color rather than a primary focus. Because it maintains strong contrast against white text, it works well for UI elements that require readability. Pair this dusty shade with crisp creams to avoid a muddy appearance in your layouts.
Questions about #626658
What is #626658 in RGB, HSL and CMYK?
In RGB, #626658 is rgb(98, 102, 88), in HSL hsl(77, 7%, 37%) and in CMYK 4%, 0%, 14%, 60%.
What colors pair best with #626658?
#626658 works best when balanced against warm, off-white neutrals or creamy tones to prevent the palette from feeling too muddy. For a modern, high-contrast look, pair it with deep charcoal or muted terracotta accents to ground the olive’s natural desaturation.
Is #626658 effective for web UI elements?
Yes, #626658 is a strong choice for UI backgrounds or secondary elements because it provides a softer, more sophisticated alternative to standard grey. When using it as a background, ensure your foreground text is a high-contrast white to maintain WCAG accessibility standards.
Is #626658 readable on white or black?
#626658 has a 5.89:1 contrast ratio on white and 3.56: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.