#01A2E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue commands attention with its cool intensity. Because it feels reliable and secure, designers often use #01a2e0 for finance and technology branding. While it makes a punchy primary button or UI accent, avoid using it for large background blocks to prevent eye strain. It offers excellent contrast for black text, ensuring readability is never a compromise for your design. The hex code for this shade is #01a2e0.
Questions about #01a2e0
What is #01a2e0 in RGB, HSL and CMYK?
In RGB, #01a2e0 is rgb(1, 162, 224), in HSL hsl(197, 99%, 44%) and in CMYK 100%, 28%, 0%, 12%.
How can I effectively use #01a2e0 in UI design without causing eye strain?
#01a2e0 works best as a high-contrast accent color for primary buttons or iconography rather than as a large background fill. Its intensity demands attention, so pair it with neutral whites or charcoal to maintain visual balance.
What color theory combinations work well with #01a2e0?
Because of its high saturation, #01a2e0 pairs exceptionally well with complementary orange or coral tones to create a vibrant, high-energy contrast. For a more balanced, professional palette, use it alongside cool navy or crisp slate grays.
Is #01a2e0 readable on white or black?
#01a2e0 has a 2.89:1 contrast ratio on white and 7.24: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.