#173F5F Hex Color

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

Frequently Asked Questions

How do I maintain legibility when using #173f5f as a background?
Use high-contrast light grays or off-whites for your typography to ensure clarity, as white text typically achieves an 11.0:1 contrast ratio against #173f5f. Avoid using medium-toned text colors, which will cause the lettering to vanish into the deep blue base.
What colors pair well with #173f5f in a UI design?
This color anchors best when paired with crisp neutrals like light gray or warm off-whites, which prevent the deep blue from looking muddy. For accent elements, consider using a muted gold or soft sage to create a sophisticated, balanced palette.