#5A9EC3 Hex Color

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

Select a Color

This unsaturated, mid-tone blue carries a professional, stable quality perfect for corporate branding. Because it offers strong contrast with black text, it works well for UI buttons or functional icons. The hex code #5a9ec3 pairs beautifully with slate grays or soft creams to avoid a washed-out appearance. It acts as a reliable, grounded choice for finance or technology interfaces where clarity is the priority.

Questions about #5a9ec3

What is #5a9ec3 in RGB, HSL and CMYK?

In RGB, #5a9ec3 is rgb(90, 158, 195), in HSL hsl(201, 47%, 56%) and in CMYK 54%, 19%, 0%, 24%.

Which color combinations complement #5a9ec3?

This unsaturated blue pairs beautifully with warm neutrals like cream or beige to create a soft, balanced aesthetic. For a more professional look in corporate interfaces, combine it with slate grays to prevent the design from appearing too washed out.

Is #5a9ec3 readable on white or black?

#5a9ec3 has a 2.95:1 contrast ratio on white and 7.11:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.

#5A9EC3 Hex Color

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

Questions about #5a9ec3

Color tools

Resources