#5B89F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity blue grabs attention without feeling aggressive. Because it has significant chroma, #5b89f4 works best as a functional accent or a primary call-to-action button rather than a full-page background. Black text remains legible over this shade, making it a reliable choice for UI elements. Designers often look into mixing gray to create softer, balanced palettes when using such a vivid hue.
Questions about #5b89f4
What is #5b89f4 in RGB, HSL and CMYK?
In RGB, #5b89f4 is rgb(91, 137, 244), in HSL hsl(222, 87%, 66%) and in CMYK 63%, 44%, 0%, 4%.
Where should I use #5b89f4 in a web interface?
#5b89f4 functions best as a high-visibility accent color or a primary call-to-action button rather than a background shade. Because it has significant chroma, it naturally draws the eye and remains perfectly legible when used behind standard black text.
How can I soften the visual impact of #5b89f4?
You can create a more balanced and softer palette by mixing #5b89f4 with varying levels of gray. This technique reduces the intensity of the blue while keeping the overall hue relationship intact for a professional, less aggressive design result.
Is #5b89f4 readable on white or black?
#5b89f4 has a 3.31:1 contrast ratio on white and 6.32: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.