#4A5060 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue provides a stable, serious foundation for UI design. With its heavy saturation and dark, dusty undertones, #4a5060 works best as a balanced background rather than an accent. It pairs well with crisp white text to maintain high contrast. Because this hex code carries a moody, understated feel, use it for professional sectors like finance or security where authority matters more than energy.
Questions about #4a5060
What is #4a5060 in RGB, HSL and CMYK?
In RGB, #4a5060 is rgb(74, 80, 96), in HSL hsl(224, 13%, 33%) and in CMYK 23%, 17%, 0%, 62%.
What makes #4a5060 effective for professional UI design?
The heavy saturation and dusty undertones of #4a5060 provide a sense of stability and authority required in sectors like finance or security. Because it is a dark, grounded neutral, it serves effectively as a background, ensuring high contrast when paired with light text.
Is #4a5060 readable on white or black?
#4a5060 has a 8.05:1 contrast ratio on white and 2.60: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.