#03A2FD Hex Color

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

Hex color #03a2fd graphic
With its bright, highly saturated blue and slight cyan undertone, #03a2fd brings energy and clear visual focus to digital designs. The hex code works best as a call-to-action, link, or small accent rather than a full-page background. Pair it with navy or charcoal for a sharper interface, and use black text for accessible contrast on larger color fields.

Questions about #03a2fd

What is #03a2fd in RGB, HSL and CMYK?
In RGB, #03a2fd is rgb(3, 162, 253), in HSL hsl(202, 98%, 50%) and in CMYK 99%, 36%, 0%, 1%.
What text color works best with #03a2fd?
#03a2fd has strong contrast with black text but poor contrast with white text, so use black for text on this blue and reserve the color for accents, links, buttons, or larger interface areas where readability can be checked.
What colors pair well with #03a2fd?
#03a2fd pairs well with navy or charcoal, which ground its bright cyan-blue energy; soft gray can keep the palette lighter, while orange or coral accents create a lively complementary contrast.
Is #03a2fd readable on white or black?
#03a2fd has a 2.76:1 contrast ratio on white and 7.59: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.