#42A1FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#42a1ff is a vivid, high-saturation blue that commands immediate attention. Its electric quality makes it an effective accent color for buttons or calls to action rather than a full background. This shade pairs well with dark charcoal for a professional look, ensuring high legibility for text. Since black text provides a strong 7.8:1 contrast against this hex code, it works reliably for UI elements.
Questions about #42a1ff
What is #42a1ff in RGB, HSL and CMYK?
In RGB, #42a1ff is rgb(66, 161, 255), in HSL hsl(210, 100%, 63%) and in CMYK 74%, 37%, 0%, 0%.
Where should I use #42a1ff in a user interface?
#42a1ff works best as a primary action color for buttons, call-to-action links, or key highlights because of its high saturation and visual intensity. Avoid using it for large background surfaces to prevent overwhelming the user’s eye during extended interaction.
What colors pair well with #42a1ff for a balanced design?
Pair #42a1ff with a deep charcoal or dark navy to create a professional, high-contrast look that remains readable. For a more modern, energetic palette, you can introduce neutral grays or stark white to let the electric blue stand out without visual clutter.
Is #42a1ff readable on white or black?
#42a1ff has a 2.70:1 contrast ratio on white and 7.77: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.