#03A9F4 Hex Color

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

Hex color #03a9f4 graphic
#03a9f4 is a bright, highly saturated blue with a clean cyan undertone and strong visual energy. Its luminous finish suits calls to action, interface accents, and technology or healthcare branding more than large background fields. Use it sparingly with navy or charcoal, and choose black text for accessible body copy. The hex code for this blue is #03a9f4.

Questions about #03a9f4

What is #03a9f4 in RGB, HSL and CMYK?
In RGB, #03a9f4 is rgb(3, 169, 244), in HSL hsl(199, 98%, 48%) and in CMYK 99%, 31%, 0%, 4%.
What colors pair well with #03a9f4?
For a balanced interface, pair #03a9f4 with navy or charcoal to ground its brightness, then use complementary orange in small highlights or buttons; these darker neutrals keep the vivid blue from overwhelming larger layouts.
Is #03a9f4 readable on white or black?
#03a9f4 has a 2.62:1 contrast ratio on white and 7.98: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.