#04A9F5 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #04a9f5 graphic
Electric azure with a cyan lean. #04a9f5 is loud and saturated, so it earns its keep as an accent: buttons, links, and highlights, especially on dark UI. Next to white it can wash out, and white text only reaches about 3:1 contrast, so stick with black text for body copy. It reads cool and energetic, a fit for tech, finance, and nautical work. See what colors make blue if you want to adjust its lean toward green or violet.

Questions about #04a9f5

What is #04a9f5 in RGB, HSL and CMYK?
In RGB, #04a9f5 is rgb(4, 169, 245), in HSL hsl(199, 97%, 49%) and in CMYK 98%, 31%, 0%, 4%. Browse more shades of blue with names and hex codes.
What colors pair well with #04a9f5?
Warm complements like coral and burnt orange sit across the wheel and make this blue pop without extra effort. For a calmer scheme, anchor it with deep navy and warm gray neutrals.
Does #04a9f5 read warm or cool?
Cool, clearly. Its green-leaning cyan base keeps it on the cold side of the wheel, giving designs a crisp, energetic feel rather than the softer mood of ultramarine or violet blues.
Is #04a9f5 readable on white or black?
#04a9f5 has a 2.62:1 contrast ratio on white and 7.99: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.