#4C5B5E Hex Color

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

Hex color #4c5b5e graphic
This dusty, desaturated teal leans heavily into gray, creating a moody and professional aesthetic. Because of its muted character, #4c5b5e works best as a grounding neutral or a dark background for UI designs. It provides enough contrast for white text to remain legible, though it can appear muddy if paired with other dull tones. Use it alongside brighter accent colors to prevent it from feeling too gloomy.

Questions about #4c5b5e

What is #4c5b5e in RGB, HSL and CMYK?
In RGB, #4c5b5e is rgb(76, 91, 94), in HSL hsl(190, 11%, 33%) and in CMYK 19%, 3%, 0%, 63%.
How should I use #4c5b5e in UI design?
#4c5b5e functions best as a grounding neutral for dark backgrounds or expansive footer areas where you need a professional, muted feel. It provides high readability for white text, ensuring your interface remains accessible while maintaining a moody, high-end aesthetic.
Which colors pair well with #4c5b5e?
This shade works effectively with crisp whites and lighter grays to maximize contrast, or with subtle mustard and copper accents to prevent the overall design from appearing too gloomy or monotone. Avoid pairing it with other muddy, desaturated earth tones.
Is #4c5b5e readable on white or black?
#4c5b5e has a 7.08:1 contrast ratio on white and 2.96: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 is too faint for text. Try other pairs in the contrast checker.