#028AF6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid blue demands attention with its intense, high-energy presence. Because it is so saturated, #028af6 performs best as an accent color for calls to action or UI highlights rather than a large background. It pairs cleanly with stark whites for a modern, tech-focused look. This hex code offers enough contrast to support black text, making it a reliable choice for functional interface elements.
Questions about #028af6
What is #028af6 in RGB, HSL and CMYK?
In RGB, #028af6 is rgb(2, 138, 246), in HSL hsl(207, 98%, 49%) and in CMYK 99%, 44%, 0%, 4%.
When should I use #028af6 in a design?
This high-contrast blue thrives as an accent for call-to-action buttons or UI highlights where you need immediate user focus. Because of its intense saturation, avoid using it as a large background color, as it can strain the eyes over time.
What colors pair well with #028af6?
Pair this vivid blue with stark whites to maintain a clean, modern aesthetic, or use charcoal for high-legibility text contrast. It also balances well against warm, muted grays if you need to soften its high-energy, technical presence.
Is #028af6 readable on white or black?
#028af6 has a 3.51:1 contrast ratio on white and 5.96: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.