#58688E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits in a professional space, conveying reliability without appearing overly saturated. Because it has a strong gray undertone, #58688e works best as a secondary or supporting color rather than a primary background. Pair it with crisp cream or off-white to prevent the shade from looking muddy. The hex code for this ashy blue is #58688e, which offers enough contrast for legible white text.
Questions about #58688e
What is #58688e in RGB, HSL and CMYK?
In RGB, #58688e is rgb(88, 104, 142), in HSL hsl(222, 23%, 45%) and in CMYK 38%, 27%, 0%, 44%.
Which colors pair best with #58688e?
#58688e works most effectively when paired with high-contrast neutrals like crisp cream or soft off-white to prevent the overall design from appearing muddy. It also functions well as an accent against deeper charcoal or slate tones.
Is #58688e suitable for primary interface text?
While #58688e provides decent contrast, it is generally better suited as a secondary brand element, border color, or muted background rather than main body text. Ensure you test your foreground and background contrast ratios for optimal WCAG accessibility compliance.
Is #58688e readable on white or black?
#58688e has a 5.54:1 contrast ratio on white and 3.78: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.