#2F7099 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mid-tone blue carries a stable, professional character. Because it sits comfortably between light and dark, #2f7099 acts as an excellent base for fintech and corporate UI designs. White text offers strong contrast here, making it readable for small body copy. Pair it with soft, warm grays to avoid the common, predictable corporate look. The hex code for this shade is #2f7099.
Questions about #2f7099
What is #2f7099 in RGB, HSL and CMYK?
In RGB, #2f7099 is rgb(47, 112, 153), in HSL hsl(203, 53%, 39%) and in CMYK 69%, 27%, 0%, 40%.
What works well with #2f7099 in a UI design?
White text provides the strongest contrast on this mid-tone blue, ensuring readability for small body copy. Pair it with soft warm gray accents to move beyond generic corporate palettes and create a more sophisticated, balanced look.
Is #2f7099 readable on white or black?
#2f7099 has a 5.38:1 contrast ratio on white and 3.89:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.