#334B58 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
What colors pair best with #334b58 for web design?
Sailor’s Coat benefits from high-contrast accents to break up its inherent darkness. Pair it with a bright orange to inject needed warmth, or use a soft cream for text to ensure the interface maintains a crisp, professional, and accessible feel.
Does #334b58 feel warm or cool?
Sailor’s Coat is decidedly cool due to its strong slate and gray base. Because it lacks significant red or yellow warmth, it recedes visually, making it an excellent candidate for background surfaces that shouldn't compete with primary content or call-to-action buttons.