#5643BC Hex Color

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

Select a Color

This saturated, electric violet acts as a high-energy accent for bold interface designs. Because #5643bc carries such strong intensity, it works best in small doses rather than as a dominant background. Pair it with soft, warm neutrals to temper its coolness. It offers excellent contrast for white text, making it a reliable choice for call-to-action buttons or small, attention-grabbing UI elements.

Questions about #5643bc

What is #5643bc in RGB, HSL and CMYK?

In RGB, #5643bc is rgb(86, 67, 188), in HSL hsl(249, 47%, 50%) and in CMYK 54%, 64%, 0%, 26%.

What colors pair best with #5643bc in a web interface?

Because #5643bc is a high-intensity violet, it creates the most balance when paired with soft, warm neutrals like cream or light beige. These neutral tones ground the electric energy of the purple, ensuring the interface feels intentional rather than overwhelming.

Is #5643bc readable on white or black?

#5643bc has a 7.18:1 contrast ratio on white and 2.92: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 is too faint for text. Try other pairs in the contrast checker.

#5643BC Hex Color

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

Questions about #5643bc

Color tools

Resources