#4D5A6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue carries a heavy, serious presence. Because of its dusty undertones and low saturation, #4d5a6c functions best as a supporting background rather than a primary element. It pairs well with soft creams or warm greys to avoid looking bleak. The hex code #4d5a6c offers enough contrast for white text to remain legible, making it a reliable choice for professional UI applications like finance or technology dashboards.
Questions about #4d5a6c
What is #4d5a6c in RGB, HSL and CMYK?
In RGB, #4d5a6c is rgb(77, 90, 108), in HSL hsl(215, 17%, 36%) and in CMYK 29%, 17%, 0%, 58%.
What colors pair best with #4d5a6c?
#4d5a6c works best with neutral, warm tones that counteract its inherent cool, dusty nature. Pairing this shade with cream or light warm grey prevents the design from feeling overly clinical or cold, creating a sophisticated and grounded visual balance.
Is #4d5a6c a good choice for interface text?
While #4d5a6c is a strong background choice, it is generally too dark for primary interface text unless used on a very light, nearly white surface. It is most effective as a structural element, such as sidebar navigation or data containers, where it provides professional weight.
Is #4d5a6c readable on white or black?
#4d5a6c has a 7.01:1 contrast ratio on white and 2.99: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.