#5648D0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo commands attention with its intense, electric undertones. Because it is highly pigmented, #5648d0 works best as a bold accent color rather than a dominant background. Pair it with soft cream or warm metallics to balance its strength. Since this hex code provides excellent contrast, white text remains readable and crisp, making it an effective choice for high-impact call-to-action buttons.
Questions about #5648d0
What is #5648d0 in RGB, HSL and CMYK?
In RGB, #5648d0 is rgb(86, 72, 208), in HSL hsl(246, 59%, 55%) and in CMYK 59%, 65%, 0%, 18%.
How can I use #5648d0 effectively in web design?
#5648d0 works best as a bold accent color rather than a dominant background choice. It provides excellent contrast for white text, making it a reliable and visually striking option for primary call-to-action buttons or interactive elements.
What colors pair well with #5648d0?
You can balance the intense, saturated nature of #5648d0 by pairing it with soft creams or warm metallics. These lighter, more neutral tones ground the electric energy of the indigo, preventing it from overwhelming your overall design layout.
Is #5648d0 readable on white or black?
#5648d0 has a 6.49:1 contrast ratio on white and 3.23: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.