#0080F5 Hex Color
Electric blue with high visual energy
This high-chroma blue demands attention without feeling aggressive. Because of its intensity, #0080f5 works best as a punchy accent or a primary call-to-action button rather than a large background fill. It pairs well with crisp charcoal grays, providing enough contrast for black text to remain legible. The hex code for this electric blue is #0080f5.
Questions about #0080f5
What is #0080f5 in RGB, HSL and CMYK?
In RGB, #0080f5 is rgb(0, 128, 245), in HSL hsl(209, 100%, 48%) and in CMYK 100%, 48%, 0%, 4%.
How should I use #0080f5 in my user interface design?
#0080f5 is a high-intensity blue that works effectively for primary call-to-action buttons because it demands immediate attention. Avoid using it as a background color for large areas, as its vibrancy can overwhelm the eyes and reduce readability over time.
What colors create a balanced palette with #0080f5?
Pair #0080f5 with neutral tones like charcoal or soft slate grays to ground its high saturation. If you need a more dynamic scheme, consider using complementary oranges or warm yellows to create high-contrast, energetic visuals that pop off the screen.
Is #0080f5 readable on white or black?
#0080f5 has a 3.88:1 contrast ratio on white and 5.40: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.