#5B7DC1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dashboards, bank apps, and healthcare portals often reach for the hex code #5b7dc1, a dusty mid-tone blue with gray undertones. Its low saturation keeps things understated, so it works best as a supporting color or UI background rather than a hero shade. Pair it with warm terracotta or charcoal for contrast. Black text reads clearly on it at about 5.1:1, enough for small body copy.
Questions about #5b7dc1
What is #5b7dc1 in RGB, HSL and CMYK?
In RGB, #5b7dc1 is rgb(91, 125, 193), in HSL hsl(220, 45%, 56%) and in CMYK 53%, 35%, 0%, 24%.
What colors pair well with #5b7dc1?
Warm accents like terracotta or amber keep #5b7dc1 from feeling flat, while charcoal grounds it in serious layouts. Soft pastels tend to wash it out.
Is #5b7dc1 readable on white or black?
#5b7dc1 has a 4.07:1 contrast ratio on white and 5.14: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.