#3C7CB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool mid-tone blue brings a sense of disciplined reliability to professional interfaces. Because it maintains strong contrast against black text, #3c7cb4 works well as a primary CTA button or for supporting UI elements in finance and healthcare apps. Pair it with soft, warm grays to keep the look grounded. The hex code for this stable blue is #3c7cb4.
Questions about #3c7cb4
What is #3c7cb4 in RGB, HSL and CMYK?
In RGB, #3c7cb4 is rgb(60, 124, 180), in HSL hsl(208, 50%, 47%) and in CMYK 67%, 31%, 0%, 29%.
Where should I use #3c7cb4 in a professional interface?
#3c7cb4 works best as a primary call-to-action button or functional link because it feels disciplined and trustworthy. Its natural contrast against white or light backgrounds makes it highly legible for critical user interface elements in finance or healthcare applications.
What colors pair well with #3c7cb4 for a balanced palette?
This blue pairs effectively with warm gray or soft beige neutrals to ground its cool temperature. You can also use a crisp charcoal for text or typography to maintain high readability while keeping the overall design scheme professional and restrained.
Is #3c7cb4 readable on white or black?
#3c7cb4 has a 4.43:1 contrast ratio on white and 4.73:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.