#346696 Hex Color

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

Frequently Asked Questions

How can I use #346696 effectively in a UI design?
#346696 functions best as a secondary or supporting color rather than a primary brand element. Pair it with crisp white text to ensure readability, as its notable gray cast can reduce contrast against darker backgrounds or busy interfaces.
What colors pair well with the #346696 blue?
Because of its desaturated character, #346696 works well with neutral tones to maintain a corporate aesthetic. It creates a balanced, stable look when paired with charcoal for text or softer, warmer off-whites to prevent the design from feeling too cold.