#558AAC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue feels restrained and professional. Because of its muted character, the hex code #558aac excels as a reliable base for corporate or government UI designs. It provides enough contrast for black text to remain readable, making it a functional choice for body content. Pair it with crisp whites or a warm charcoal to keep it from feeling too washed out.
Questions about #558aac
What is #558aac in RGB, HSL and CMYK?
In RGB, #558aac is rgb(85, 138, 172), in HSL hsl(203, 34%, 50%) and in CMYK 51%, 20%, 0%, 33%.
When should I use #558aac in a UI design?
The muted quality of #558aac makes it an excellent choice for corporate interfaces, government websites, or dashboards where professional restraint is required. Since it is highly readable against white backgrounds, it works effectively as a primary brand color or a soft structural element in data-heavy layouts.
Which colors pair best with #558aac for a balanced palette?
Is #558aac readable on white or black?
#558aac has a 3.73:1 contrast ratio on white and 5.61:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.