#04A0E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#04a0e2 is a high-saturation azure that commands attention without feeling aggressive. This cool, sharp blue works best as a primary accent color for UI buttons or alert icons, where its inherent reliability shines. Because it is so vivid, using it as a large background can overwhelm the eyes. Pair it with dark grays instead of stark black, or learn what colors make gray to create balanced, neutral supporting tones.
Questions about #04a0e2
What is #04a0e2 in RGB, HSL and CMYK?
In RGB, #04a0e2 is rgb(4, 160, 226), in HSL hsl(198, 97%, 45%) and in CMYK 98%, 29%, 0%, 11%.
How should I pair #04a0e2 in a user interface?
Use #04a0e2 sparingly as an accent color for buttons, links, or alert icons to maintain focus without overwhelming the layout. Pair it with deep charcoal or cool neutral grays instead of stark black to keep the design feeling balanced and modern.
Is #04a0e2 suitable for large background areas?
Because of its high saturation, #04a0e2 is generally too intense for large background sections, as it can easily overwhelm the viewer's eyes. It is much more effective when used in small, purposeful doses where its sharp, reliable nature can stand out against a neutral canvas.
Is #04a0e2 readable on white or black?
#04a0e2 has a 2.94:1 contrast ratio on white and 7.13: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.