#3478C2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue carries a restrained, professional character. Because #3478c2 is fairly desaturated, it avoids feeling overly energetic or aggressive. It functions best as a primary UI color, especially for finance or security apps where clarity is paramount. While it pairs well with crisp whites, try using it alongside warm ochre accents for a grounded, modern palette. Black text maintains the necessary contrast for readability.
Questions about #3478c2
What is #3478c2 in RGB, HSL and CMYK?
In RGB, #3478c2 is rgb(52, 120, 194), in HSL hsl(211, 58%, 48%) and in CMYK 73%, 38%, 0%, 24%.
What design palettes pair best with #3478c2?
Use #3478c2 alongside crisp whites to maintain a clean aesthetic, or introduce warm ochre accents to create a grounded, modern contrast. Because this blue is fairly desaturated, it avoids feeling too aggressive, allowing it to work well with neutral tones.
Is #3478c2 suitable for primary interface elements?
Yes, #3478c2 functions effectively as a primary UI color, particularly in finance or security-focused applications. Its balanced tone provides the clarity users need for actionable buttons or navigation headers while remaining approachable enough for long-form reading contexts.
Is #3478c2 readable on white or black?
#3478c2 has a 4.55:1 contrast ratio on white and 4.61:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.