#4A5C84 Hex Color

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

Hex color #4a5c84 graphic
This dusty, muted blue carries a serious, professional undertone perfect for corporate tech or law enforcement branding. Because it is highly unsaturated, #4a5c84 works best as a grounding neutral rather than a vivid accent. It offers excellent readability for white text, making it a functional choice for dark-mode UI backgrounds or clean, reliable layouts where clarity is the main priority.

Questions about #4a5c84

What is #4a5c84 in RGB, HSL and CMYK?
In RGB, #4a5c84 is rgb(74, 92, 132), in HSL hsl(221, 28%, 40%) and in CMYK 44%, 30%, 0%, 48%.
Where should I use #4a5c84 in a UI design?
#4a5c84 functions best as a grounding color for navigation bars, sidebar backgrounds, or subtle footer accents. Because it is highly unsaturated, it provides a stable, professional backdrop that allows white or light gray text to remain perfectly readable without straining the eyes.
What colors pair well with #4a5c84?
This muted blue works seamlessly with crisp, off-white tones for a clean look, or with charcoal for a sophisticated, monochromatic approach. For a warmer contrast, consider pairing it with a soft cream or a muted terracotta to introduce an unexpected but balanced pop of color.
Is #4a5c84 readable on white or black?
#4a5c84 has a 6.65:1 contrast ratio on white and 3.15: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.