#4C5857 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty cyan carries heavy grey undertones. The hex code #4c5857 projects a serious, grounded mood that suits moody UI backgrounds. It offers a 7.4:1 contrast ratio with white text, ensuring excellent readability for small body copy. Avoid pairing it with other flat greys to prevent a muddy look, as it performs best alongside warm, crisp highlights.
Questions about #4c5857
What is #4c5857 in RGB, HSL and CMYK?
In RGB, #4c5857 is rgb(76, 88, 87), in HSL hsl(175, 7%, 32%) and in CMYK 14%, 0%, 1%, 65%.
Does #4c5857 work well as a primary interface color?
#4c5857 serves as an excellent foundation for professional or moody UI designs because of its heavy, grounded grey undertones. It maintains a strong contrast ratio with white text, making it a reliable choice for body copy or sidebar backgrounds.
Which accent colors pair best with #4c5857?
Since #4c5857 is a muted, dusty cyan, it thrives when paired with warm, crisp highlights to break up the potential muddiness. Consider using a vibrant terracotta or a soft mustard to provide a necessary visual pop against this serious, low-saturation base.
Is #4c5857 readable on white or black?
#4c5857 has a 7.39:1 contrast ratio on white and 2.84: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.