#5B86E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5b86e5 is an intense, saturated blue that commands attention. Designers often rely on it for highlights or call-to-action buttons rather than large backgrounds. It pairs well against deep neutrals, which you can understand by learning how to make gray. With a 6.0:1 contrast ratio against black text, the hex code #5b86e5 offers strong readability for interface elements.
Questions about #5b86e5
What is #5b86e5 in RGB, HSL and CMYK?
In RGB, #5b86e5 is rgb(91, 134, 229), in HSL hsl(221, 73%, 63%) and in CMYK 60%, 41%, 0%, 10%.
Where should I use #5b86e5 in my design?
Because of its high saturation and intensity, #5b86e5 is ideal for call-to-action buttons, active states, or notification badges where you need to draw the user's eye immediately. Avoid using this specific blue for large backgrounds as it may overwhelm the user interface.
What colors pair well with #5b86e5?
This vibrant blue pairs exceptionally well with deep, grounded neutrals like charcoal or soft off-whites, which allow the intensity of the blue to stand out without competing for visual dominance. Using it against light gray backgrounds also creates a clean, modern aesthetic perfect for dashboards.
Is #5b86e5 readable on white or black?
#5b86e5 has a 3.50:1 contrast ratio on white and 5.98:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.