#4B6473 Hex Color
A serious, muted blue with grey depth
#4b6473 is a muted, dusty blue with heavy grey undertones. Because it feels somber and serious, this color works best as a grounding neutral for modern UI backgrounds rather than a primary brand color. It offers excellent contrast for white text, ensuring readability. The hex code for this desaturated blue is #4b6473, a reliable choice for professional, moody interfaces that require a calm, authoritative presence.
Questions about #4b6473
What is #4b6473 in RGB, HSL and CMYK?
In RGB, #4b6473 is rgb(75, 100, 115), in HSL hsl(203, 21%, 37%) and in CMYK 35%, 13%, 0%, 55%.
How should I use #4b6473 in UI design?
#4b6473 serves best as a secondary neutral background color rather than a primary call-to-action button. Its inherent grey undertones provide a calm, readable surface that makes high-contrast white text feel significantly more approachable and less jarring for the eyes.
What colors pair well with #4b6473?
Because #4b6473 is desaturated and cool, it balances beautifully with crisp whites or very soft, warm beiges. For a modern, professional palette, consider pairing it with a deep charcoal to maintain that moody, authoritative aesthetic throughout your layout.
Is #4b6473 readable on white or black?
#4b6473 has a 6.23:1 contrast ratio on white and 3.36: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.