#2A97FE Hex Color

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

Hex color #2a97fe graphic
Clean as a summer pool, this blue is saturated and beaming. The hex code #2a97fe works best as an accent: buttons, links, highlights, anywhere its boldness should read as trustworthy rather than loud. It pairs well with warm coral, a fresher match than the usual navy. Black text on #2a97fe reaches about 7.0:1 contrast, so small body copy stays readable.

Questions about #2a97fe

What is #2a97fe in RGB, HSL and CMYK?
In RGB, #2a97fe is rgb(42, 151, 254), in HSL hsl(209, 99%, 58%) and in CMYK 83%, 41%, 0%, 0%.
What colors pair well with #2a97fe?
Warm coral and amber accents pop against its cool saturation, while deep navy and soft grays keep it grounded. Avoid pairing it with pale pastels, which wash it out.
Is #2a97fe readable on white or black?
#2a97fe has a 3.01:1 contrast ratio on white and 6.95:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.