#5600EB Hex Color

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

Hex color #5600eb graphic
This intense, high-saturation violet commands attention with its electric energy. Because #5600eb is so vivid, it works best as a bold accent or call-to-action button rather than a primary background. It pairs exceptionally well with muted grays or lime greens to balance its aggressive nature. White text remains perfectly legible against this hex code, ensuring accessibility in high-contrast UI designs.

Questions about #5600eb

What is #5600eb in RGB, HSL and CMYK?
In RGB, #5600eb is rgb(86, 0, 235), in HSL hsl(262, 100%, 46%) and in CMYK 63%, 100%, 0%, 8%.
How do I use #5600eb effectively in UI design?
#5600eb works best as a sharp accent color for primary buttons or notification badges. Because it is so vivid, avoid using it as a large background; instead, pair it with white text to ensure the contrast remains readable and visually striking.
What colors pair well with the #5600eb violet?
This color balances well against neutral, desaturated tones like charcoal or light gray. If you want a more adventurous scheme, try pairing #5600eb with a muted lime green to create a high-contrast, modern aesthetic that feels energized.
Is #5600eb readable on white or black?
#5600eb has a 8.09:1 contrast ratio on white and 2.59: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.