#558BBA Hex Color
Professional mid-tone blue with reliable weight
This muted, mid-tone blue carries a professional, reliable weight. Because #558bba is sufficiently dark, it works well as a primary text color against white backgrounds, meeting accessibility standards with black-adjacent clarity. Its unsaturated, cool character makes it an ideal base for corporate branding in finance or healthcare. Pair this hex code with soft warm grays to soften its otherwise clinical, cold presence in interface design.
Questions about #558bba
What is #558bba in RGB, HSL and CMYK?
In RGB, #558bba is rgb(85, 139, 186), in HSL hsl(208, 42%, 53%) and in CMYK 54%, 25%, 0%, 27%.
What colors pair well with #558bba for modern UI design?
Pair #558bba with soft warm grays to effectively balance its otherwise clinical, cold presence in interface design. Using warmer neutrals helps ground the color, preventing it from feeling too stark or industrial when used in corporate or healthcare layouts.
Is #558bba readable on white or black?
#558bba has a 3.62:1 contrast ratio on white and 5.78: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.