#558EB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, desaturated blue offers a professional and secure feel, making it a reliable choice for corporate branding in finance or healthcare. Because it maintains strong legibility, the hex code #558eb4 works well for small body text against a white background. Pair it with soft cream or warm grey to keep the design from feeling too clinical or cold.
Questions about #558eb4
What is #558eb4 in RGB, HSL and CMYK?
In RGB, #558eb4 is rgb(85, 142, 180), in HSL hsl(204, 39%, 52%) and in CMYK 53%, 21%, 0%, 29%. Browse more shades of blue with names and hex codes.
What colors pair well with #558eb4 for a balanced palette?
Is #558eb4 readable on white or black?
#558eb4 has a 3.55:1 contrast ratio on white and 5.91: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.