#58667D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #58667d graphic
Reach for #58667d when a design needs a steady, unglamorous blue for backgrounds or supporting panels. This muted slate blue carries gray undertones, so it reads responsible rather than playful. It works best as a 30% supporting tone beside warmer colors like terracotta or cream. White text passes AA on it at roughly 5.8:1 contrast.

Questions about #58667d

What is #58667d in RGB, HSL and CMYK?
In RGB, #58667d is rgb(88, 102, 125), in HSL hsl(217, 17%, 42%) and in CMYK 30%, 18%, 0%, 51%.
What colors pair well with #58667d?
Warm earth tones flatter #58667d better than cool ones. Try terracotta, cream, or soft burgundy accents, which bring out its gray undertones and keep it from reading flat or muddy.
Is #58667d readable on white or black?
#58667d has a 5.81:1 contrast ratio on white and 3.61: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.