#4C94FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy blue acts as an attention-grabbing accent rather than a dominant base. Its saturation provides a sharp, reliable focal point for calls to action or technical interfaces. Because it features such high contrast against black text, it works well for UI elements that require clarity. The hex code for this vivid blue is #4c94fc. It creates a modern look when paired with mixing gray tones.
Questions about #4c94fc
What is #4c94fc in RGB, HSL and CMYK?
In RGB, #4c94fc is rgb(76, 148, 252), in HSL hsl(215, 97%, 64%) and in CMYK 70%, 41%, 0%, 1%.
Does #4c94fc work well for text against a white background?
#4c94fc often fails WCAG accessibility standards for normal-sized text when placed directly on white, as it lacks sufficient contrast. It functions much better as a vibrant accent color or as a secondary element alongside charcoal or dark gray text.
What colors pair best with the blue of #4c94fc?
This blue creates a professional and modern aesthetic when paired with neutral slate or charcoal grays. For a more energetic interface, try using it alongside crisp white or a very pale, cool-toned neutral to keep the design balanced.
Is #4c94fc readable on white or black?
#4c94fc has a 3.02:1 contrast ratio on white and 6.94: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.