#5796F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5796f3 is a punchy, saturated blue that demands immediate attention. It acts as an excellent accent color for call to action buttons or UI highlights because of its high visibility. This tone remains readable for body text against black, though it shines brightest in small, interactive doses. The hex code #5796f3 pairs well with crisp whites for a clean, modern interface design.
Questions about #5796f3
What is #5796f3 in RGB, HSL and CMYK?
In RGB, #5796f3 is rgb(87, 150, 243), in HSL hsl(216, 87%, 65%) and in CMYK 64%, 38%, 0%, 5%.
How do I best use #5796f3 in user interface design?
#5796f3 is best utilized as an interactive accent color for buttons, links, or notification badges where you need to draw immediate attention. Its high saturation ensures visibility against neutral backgrounds, though it should be paired with plenty of white space.
Which color combinations work well with #5796f3?
#5796f3 pairs exceptionally well with a crisp white or a very light gray, which allows the blue to pop without visual strain. For a more sophisticated palette, try contrasting it with a deep charcoal to maintain accessibility while keeping the design modern.
Is #5796f3 readable on white or black?
#5796f3 has a 2.97:1 contrast ratio on white and 7.06:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.