#028ACE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-range, cool blue feels dependable and secure, often appearing in finance and government interfaces. Because the hex code #028ace sits at a high saturation, it works best as a primary action color rather than a large background. It pairs cleanly with white text for high readability, comfortably meeting accessibility standards for small UI elements and buttons.
Questions about #028ace
What is #028ace in RGB, HSL and CMYK?
In RGB, #028ace is rgb(2, 138, 206), in HSL hsl(200, 98%, 41%) and in CMYK 99%, 33%, 0%, 19%.
Where should I use #028ace in a user interface?
#028ace functions best as a high-visibility primary action color for buttons, active navigation states, or link highlights. Because of its high saturation and reliable cool blue tone, it draws immediate user attention while maintaining a professional, trustworthy appearance in dashboard and enterprise applications.
What colors pair well with the #028ace blue shade?
Pair #028ace with high-contrast neutrals like white or light grays for maximum readability in UI components. For a balanced visual hierarchy, combine this blue with complementary orange-toned accents or soft charcoal backgrounds to keep your design professional and grounded.
Is #028ace readable on white or black?
#028ace has a 3.79:1 contrast ratio on white and 5.52: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.