#5C84FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-chroma blue demands immediate attention with its intense, electric personality. Because it is so saturated, #5c84fc works best as a punchy accent or a bold call-to-action button rather than a primary background color. It provides excellent accessibility for black text overlays. Designers should pair this shade with crisp white or dark charcoal to keep the interface looking clean and modern. The hex code is #5c84fc.
Questions about #5c84fc
What is #5c84fc in RGB, HSL and CMYK?
In RGB, #5c84fc is rgb(92, 132, 252), in HSL hsl(225, 96%, 67%) and in CMYK 63%, 48%, 0%, 1%. Browse more shades of blue with names and hex codes.
Does #5c84fc work for large background areas?
#5c84fc is typically too saturated to serve as a primary background color, as it can overwhelm the eyes during extended viewing. It functions much better as a high-contrast accent or a strategic call-to-action button that demands immediate user attention.
What colors pair best with #5c84fc?
This electric blue creates a clean, modern aesthetic when paired with crisp neutrals like white or deep charcoal. These neutral partners ground the intense saturation, allowing the blue to stand out without causing visual clutter on the page.
Is #5c84fc readable on white or black?
#5c84fc has a 3.40:1 contrast ratio on white and 6.16: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.