#4C586C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, ashy blue carries a heavy, muted quality that reads as serious and grounded. Because of its low saturation, #4c586c functions best as a background base rather than a bright accent. It pairs effectively with crisp white text for readable UI, offering a professional alternative to standard charcoal. The hex code for this dusty blue is #4c586c.
Questions about #4c586c
What is #4c586c in RGB, HSL and CMYK?
In RGB, #4c586c is rgb(76, 88, 108), in HSL hsl(218, 17%, 36%) and in CMYK 30%, 19%, 0%, 58%.
Why is #4c586c effective for UI design?
This hex color provides a lower-contrast, professional alternative to stark black or standard charcoal. Its muted, ashy quality reduces eye strain during prolonged viewing, making it a reliable choice for background layers in modern, clean user interfaces.
What colors pair best with #4c586c?
Because #4c586c acts as a neutral base, it pairs well with crisp, high-contrast whites for typography or soft, warm cream accents. Incorporating a muted terracotta or soft gold can also add a necessary point of visual interest without overwhelming the design.
Is #4c586c readable on white or black?
#4c586c has a 7.19:1 contrast ratio on white and 2.91: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.