#3C7FB5 Hex Color

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

Hex color #3c7fb5 graphic
This muted, mid-tone blue carries a professional, reliable weight perfect for corporate branding. Because it is unsaturated and cool, #3c7fb5 acts as an excellent neutral anchor in finance or government UI designs. It maintains enough contrast to support black text, so use it for headers or supporting shapes. Pair it with soft grays to emphasize its clean, composed character without overwhelming a layout.

Questions about #3c7fb5

What is #3c7fb5 in RGB, HSL and CMYK?
In RGB, #3c7fb5 is rgb(60, 127, 181), in HSL hsl(207, 50%, 47%) and in CMYK 67%, 30%, 0%, 29%.
How should I use #3c7fb5 in professional UI design?
#3c7fb5 serves as an excellent neutral anchor because of its unsaturated, composed character that avoids being overly aggressive. It is best utilized for headers, primary action buttons, or background shapes when you need to project stability without visual clutter.
What colors pair well with #3c7fb5?
Pair #3c7fb5 with charcoal for high-contrast, professional text, or utilize soft, neutral grays to emphasize its clean aesthetic. Because it is a cool-toned blue, it also balances effectively against creamy whites or muted sand tones for a sophisticated palette.
Is #3c7fb5 readable on white or black?
#3c7fb5 has a 4.28:1 contrast ratio on white and 4.89: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.