#3B689E Hex Color

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

Frequently Asked Questions

How can I balance #3b689e in a website interface?
#3b689e functions best as a grounding neutral that pairs well with warm accents like terracotta or soft gold. Because it is desaturated, use it for larger UI elements rather than small, high-contrast buttons to avoid looking washed out.
Does #3b689e work well for accessible text?
Yes, #3b689e is dark enough to provide strong readability when paired with white or very light off-white text. Always verify contrast ratios on backgrounds, as placing this blue against dark charcoal may reduce legibility and make the interface feel muddy.