#5C94FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, bright blue grabs attention quickly. Because of its intensity, #5c94fc works best as a small UI accent rather than a dominant background color. The hex code provides a high 7.1:1 contrast ratio against black text, making it a reliable choice for buttons or clear call to action links. Use it alongside deep charcoal tones to balance its energetic, electric feel.
Questions about #5c94fc
What is #5c94fc in RGB, HSL and CMYK?
In RGB, #5c94fc is rgb(92, 148, 252), in HSL hsl(219, 96%, 67%) and in CMYK 63%, 41%, 0%, 1%.
Where should I use #5c94fc in a UI layout?
Because of its intense saturation, #5c94fc functions best as a functional accent rather than a dominant background color. It is highly effective for buttons, active link states, or call to action highlights that need to grab a user's immediate attention.
What colors pair well with #5c94fc?
You can ground the electric energy of #5c94fc by pairing it with dark charcoal or deep slate grays. These darker neutrals offer the necessary balance to ensure the blue remains vibrant without overwhelming the surrounding design elements.
Is #5c94fc readable on white or black?
#5c94fc has a 2.95:1 contrast ratio on white and 7.09: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.