#4EA5F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, neon-adjacent blue is highly energetic and commands attention. Because it sits on the cooler side, it pairs well with slate grays when you are learning how to make gray for professional UI accents. The hex code #4ea5f2 provides high contrast for black text, ensuring readability. Use it sparingly as a 10% accent color to keep your interface clean and approachable.
Questions about #4ea5f2
What is #4ea5f2 in RGB, HSL and CMYK?
In RGB, #4ea5f2 is rgb(78, 165, 242), in HSL hsl(208, 86%, 63%) and in CMYK 68%, 32%, 0%, 5%.
How should I use #4ea5f2 in a professional UI layout?
Treat #4ea5f2 as a high-impact accent color rather than a primary fill to maintain visual balance. Use it sparingly, perhaps for call-to-action buttons or highlighted data points, and always pair it with slate gray or dark charcoal to keep the interface readable.
Is #4ea5f2 readable on white or black?
#4ea5f2 has a 2.62:1 contrast ratio on white and 7.98: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.