#325BB2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, mid-tone blue carries a dim, serious presence that works well for branding in tech or finance. The hex code #325bb2 offers enough contrast against white text to handle body copy, making it a reliable choice for UI backgrounds. Because it sits at a moderate saturation, avoid using it as a large-scale solid block, as it can feel overly heavy in digital interfaces.
Questions about #325bb2
What is #325bb2 in RGB, HSL and CMYK?
In RGB, #325bb2 is rgb(50, 91, 178), in HSL hsl(221, 56%, 45%) and in CMYK 72%, 49%, 0%, 30%.
Where is #325bb2 most effective in UI design?
Use #325bb2 as an accent color for buttons or navigation highlights rather than large backgrounds to prevent visual fatigue. Because of its steady, serious saturation, it balances well with crisp white text, ensuring your interface remains readable and professional for users.
Which colors create a balanced palette with #325bb2?
This blue pairs effectively with neutral grays like charcoal or silver to ground its intensity. To create a more dynamic scheme, consider incorporating warm terracotta or soft sand tones, which provide a complementary contrast that prevents the interface from feeling too cold or monotonous.
Is #325bb2 readable on white or black?
#325bb2 has a 6.41:1 contrast ratio on white and 3.27: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.