#556473 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue-grey acts as a serious and grounded neutral. With its low saturation, #556473 works well as a background for professional or technical interfaces where bright colors distract. Because it offers strong contrast against white text, it remains readable even at smaller sizes. Pair it with warm, sandy beiges to soften its inherently cool, somber character and add some warmth to your palette.
Questions about #556473
What is #556473 in RGB, HSL and CMYK?
In RGB, #556473 is rgb(85, 100, 115), in HSL hsl(210, 15%, 39%) and in CMYK 26%, 13%, 0%, 55%.
How can I balance the somber tone of #556473 in a design?
You can offset the cool, serious nature of #556473 by introducing warm, sandy neutrals or soft beige tones. This pairing adds necessary warmth to the palette while maintaining the professional, grounded aesthetic that this muted blue-grey provides for clean interface layouts.
Is #556473 a suitable choice for text on a white background?
Yes, #556473 offers strong contrast against white backgrounds, ensuring excellent readability even when used for smaller text sizes or UI elements. Its low saturation keeps the text looking crisp and authoritative without the harshness often associated with pure black.
Is #556473 readable on white or black?
#556473 has a 6.07:1 contrast ratio on white and 3.45: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.