#5B7AF6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #5b7af6 when a button or highlight needs to pop without going neon. This vivid, cool blue reads confident and electric, so treat it as an accent in a 60/30/10 palette rather than a full background. If it feels too loud, try mixing gray into it for a calmer tone. Black text passes WCAG AA on top at about 5.6:1 contrast. The hex code #5b7af6 suits tech, finance, and social brands.
Questions about #5b7af6
What is #5b7af6 in RGB, HSL and CMYK?
In RGB, #5b7af6 is rgb(91, 122, 246), in HSL hsl(228, 90%, 66%) and in CMYK 63%, 50%, 0%, 4%.
What colors pair well with #5b7af6?
Is #5b7af6 readable on white or black?
#5b7af6 has a 3.77:1 contrast ratio on white and 5.55: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.