#4C5C74 Hex Color

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

Hex color #4c5c74 graphic
This dusty, muted slate carries an inky, somber quality. Due to its low saturation, it works well as a grounding background for corporate technology or finance interfaces. Use it to support brighter accent colors rather than letting it dominate a layout. White text reads clearly against it, offering excellent readability. The hex code for this serious shade is #4c5c74.

Questions about #4c5c74

What is #4c5c74 in RGB, HSL and CMYK?
In RGB, #4c5c74 is rgb(76, 92, 116), in HSL hsl(216, 21%, 38%) and in CMYK 34%, 21%, 0%, 55%.
How should #4c5c74 be used in UI design?
Use #4c5c74 as a grounding background for corporate dashboards or technology interfaces where readability is the priority. Because it sits as a somber, muted blue, it supports bright accent colors exceptionally well without overpowering your layout or creating visual noise.
What color combinations work best with #4c5c74?
Pair #4c5c74 with a soft cream or warm off-white to ensure high contrast and text readability. For an accent, consider using a vibrant tangerine or a sharp lime to cut through the heavy, somber tone of this specific slate shade.
Is #4c5c74 readable on white or black?
#4c5c74 has a 6.79:1 contrast ratio on white and 3.09: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.