#557A9D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue feels professional and restrained. Because it is unsaturated, the color works well as a grounding background for finance or tech dashboards. It maintains readability with black text at a 4.7:1 contrast ratio, which meets accessibility standards for body text. Avoid using it alongside stark white, which makes the color look washed out. The hex code for this dusty shade is #557a9d.
Questions about #557a9d
What is #557a9d in RGB, HSL and CMYK?
In RGB, #557a9d is rgb(85, 122, 157), in HSL hsl(209, 30%, 47%) and in CMYK 46%, 22%, 0%, 38%.
Where should I use #557a9d in a UI layout?
#557a9d serves best as a grounding background color for complex dashboards or professional interfaces where visual stability is required. Because it is desaturated, it effectively anchors content without distracting from primary call-to-action buttons or highlighted data.
What colors pair well with #557a9d?
This ashy blue works effectively with cool neutrals and soft grays to maintain a professional atmosphere. Avoid pairing it with stark white, which tends to wash out its subtle pigment, making the shade appear less deliberate and somewhat dusty on screen.
Is #557a9d readable on white or black?
#557a9d has a 4.50:1 contrast ratio on white and 4.65: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 for body text. Try other pairs in the contrast checker.