#5F7CFE Hex Color
Bright blue with violet energy
Bright and highly saturated, #5f7cfe is a cool blue with a slight violet undertone. Its strong energy suits call-to-action buttons, links, and technology or finance interfaces, where it draws attention without feeling harsh. Use it as a supporting accent rather than a dominant background. The hex code #5f7cfe supports black body text at about a 5.8:1 contrast ratio.
Questions about #5f7cfe
What is #5f7cfe in RGB, HSL and CMYK?
In RGB, #5f7cfe is rgb(95, 124, 254), in HSL hsl(229, 99%, 68%) and in CMYK 63%, 51%, 0%, 0%.
What colors pair well with #5f7cfe?
The strongest pairings for #5f7cfe are white, black, charcoal, and warm off-whites, while pale lavender or muted yellow-orange accents can soften or complement its cool violet-blue character in balanced palettes.
Is #5f7cfe a warm or cool color?
#5f7cfe reads as a cool blue because its strong blue component is balanced by a slight violet undertone, giving it a crisp, energetic feel rather than the softness or warmth associated with yellow- or red-based blues.
Where does #5f7cfe work best in a design?
Use #5f7cfe as a supporting accent for call-to-action buttons, links, icons, and technology or finance interfaces, where its saturated blue attracts attention without overwhelming the surrounding layout when larger areas use calmer neutrals.
Is #5f7cfe readable on white or black?
#5f7cfe has a 3.62:1 contrast ratio on white and 5.80: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.