#5A7BC1 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5a7bc1 graphic
#5a7bc1 is a muted, dusty blue with a desaturated, matte finish. This cool tone excels as a professional, low-key background for UI elements in finance or tech applications where restraint is preferred over boldness. Because it offers high readability with black text, it functions effectively for readable long-form content. Pair it with soft grays to emphasize its reliable, grounded character rather than its blue hue.

Questions about #5a7bc1

What is #5a7bc1 in RGB, HSL and CMYK?
In RGB, #5a7bc1 is rgb(90, 123, 193), in HSL hsl(221, 45%, 55%) and in CMYK 53%, 36%, 0%, 24%.
What design styles work best with #5a7bc1?
The muted, desaturated character of #5a7bc1 works best in professional settings like financial platforms or technical documentation where clarity is vital. Because it sits between a true blue and a cool gray, it creates a grounded, reliable aesthetic that avoids overwhelming the viewer.
Is #5a7bc1 readable on white or black?
#5a7bc1 has a 4.16:1 contrast ratio on white and 5.03: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.