#747C8C Hex Color

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

Hex color #747c8c graphic
This dusty, muted blue sits between grey and slate, offering a grounded and serious tone. Because it is highly desaturated, #747c8c serves best as a reliable background or supporting element in corporate interfaces. Pair it with crisp white or charcoal for a modern, professional contrast. Since it maintains strong legibility with black text, it works well for UI elements like buttons or sidebar navigation.

Questions about #747c8c

What is #747c8c in RGB, HSL and CMYK?
In RGB, #747c8c is rgb(116, 124, 140), in HSL hsl(220, 9%, 50%) and in CMYK 17%, 11%, 0%, 45%.
When should I use #747c8c in a user interface?
#747c8c functions best as a neutral background, sidebar color, or secondary button state where you need a professional, restrained tone. Because it lacks high saturation, it allows brighter interface elements or primary call-to-action buttons to stand out effectively.
What colors pair well with #747c8c?
This shade works best when paired with high-contrast neutrals like charcoal or crisp white to maintain readability and visual hierarchy. You can also layer it against soft creams or light stone greys to create a sophisticated, monochromatic corporate palette.
Is #747c8c readable on white or black?
#747c8c has a 4.19:1 contrast ratio on white and 5.00:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.