#0057FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and unapologetically bold, this electric blue commands immediate attention. It works best as an accent color in tech interfaces or call-to-action buttons rather than as a background, where its high saturation can overwhelm the eye. For optimal readability, pair it with white text to maintain a strong 5.5:1 contrast ratio. The hex code for this powerful blue is #0057ff.
Questions about #0057ff
What is #0057ff in RGB, HSL and CMYK?
In RGB, #0057ff is rgb(0, 87, 255), in HSL hsl(220, 100%, 50%) and in CMYK 100%, 66%, 0%, 0%.
How do I use #0057ff in a professional UI design?
#0057ff functions best as a high-impact accent color for primary call-to-action buttons or interactive elements where you need to draw the eye immediately. Avoid using it as a large background fill, as its high saturation can quickly cause eye fatigue for users.
What colors pair well with #0057ff?
Pair #0057ff with neutral shades like charcoal or soft off-whites to ground its intensity and keep text readable. For a more energetic scheme, consider using high-contrast complements or analogous teals that allow the electric blue to stand out without competing for visual dominance.
Is #0057ff readable on white or black?
#0057ff has a 5.51:1 contrast ratio on white and 3.80:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.