#5648B8 Hex Color

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

Hex color #5648b8 graphic
#5648b8 is a saturated, mid-tone indigo that balances intensity with a cool, spiritual weight. It carries enough visual energy to serve as a bold accent or call-to-action button, but its depth makes it tricky as a full-page background. White text achieves a strong 7.0:1 contrast ratio against this hex code, making it a reliable choice for clear, readable UI components.

Questions about #5648b8

What is #5648b8 in RGB, HSL and CMYK?
In RGB, #5648b8 is rgb(86, 72, 184), in HSL hsl(248, 44%, 50%) and in CMYK 53%, 61%, 0%, 28%.
What colors pair well with #5648b8 for a balanced palette?
#5648b8 creates a professional look when paired with soft neutrals like cream or light gray, which prevents the intensity from becoming overwhelming. For a higher contrast scheme, combine it with a complementary golden yellow to make your primary buttons stand out.
Is #5648b8 readable on white or black?
#5648b8 has a 6.96:1 contrast ratio on white and 3.01:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.