#58747C Hex Color

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

Hex color #58747c graphic
This dusty, muted cyan sits in the border between gray and blue. Because #58747c is dark and desaturated, it avoids appearing overly bright or energetic. It works best as a supporting background or a secondary accent in professional UI designs. Since white text provides sufficient contrast, this hex code is an effective choice for dark-mode layouts or subdued branding elements.

Questions about #58747c

What is #58747c in RGB, HSL and CMYK?
In RGB, #58747c is rgb(88, 116, 124), in HSL hsl(193, 17%, 42%) and in CMYK 29%, 6%, 0%, 51%.
Why does #58747c work well for UI backgrounds?
#58747c functions effectively in UI design because its desaturated, dusty tone provides enough contrast to remain readable while reducing eye strain. It offers a professional, modern look that supports white text without the harshness of a pure, dark blue.
What colors complement #58747c?
This shade pairs beautifully with soft ivory or warm beige to create a sophisticated, balanced palette. Because it sits in the blue-gray spectrum, it also balances well against vibrant terracotta or muted gold accents when used in branding.
Is #58747c readable on white or black?
#58747c has a 4.99:1 contrast ratio on white and 4.20: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.