#2F97D4 Hex Color

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

Hex color #2f97d4 graphic
A mid-tone blue with moderate saturation, #2f97d4 projects a steady, professional quality. It functions well as a supporting color in corporate UI design, where clarity takes precedence over bold expression. The hex code is #2f97d4. Because it offers a 6.5:1 contrast ratio with black text, it remains a highly accessible choice for body copy and interface elements in tech and financial branding.

Questions about #2f97d4

What is #2f97d4 in RGB, HSL and CMYK?
In RGB, #2f97d4 is rgb(47, 151, 212), in HSL hsl(202, 66%, 51%) and in CMYK 78%, 29%, 0%, 17%.
What kind of color palette works best with #2f97d4?
Because #2f97d4 is a balanced mid-tone blue, it pairs best with clean neutrals like slate grays or crisp whites to maintain a professional aesthetic. To add warmth, consider using soft coral or pale orange accents as a complementary color.
Is #2f97d4 readable on white or black?
#2f97d4 has a 3.23:1 contrast ratio on white and 6.49: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.