#2F337B Hex Color

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

Frequently Asked Questions

How should I use #2f337b in web design?
Use #2f337b as a primary background or accent color to convey authority and seriousness. Because it is highly saturated, avoid using it for small body text, as low contrast against dark backgrounds or poor readability can occur.
What colors pair well with #2f337b?
Pair #2f337b with crisp white to maximize contrast and impact. If you want a more complex palette, it complements soft neutrals like light gray or warm accents like mustard yellow to balance out its cool, dark intensity.