#3784B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a grounded, professional weight that feels both secure and reliable. Because it offers strong contrast against black, #3784b7 works effectively for body text or as a dominant UI base in financial and tech applications. Avoid using it as a large background area, as its muted tone can feel institutional. Pair it with soft cream or slate gray to soften its rigid, corporate character.
Questions about #3784b7
What is #3784b7 in RGB, HSL and CMYK?
In RGB, #3784b7 is rgb(55, 132, 183), in HSL hsl(204, 54%, 47%) and in CMYK 70%, 28%, 0%, 28%.
How can I make #3784b7 look less institutional in a design?
To soften the rigid, corporate character of #3784b7, pair it with warm neutrals like cream or soft slate gray. These combinations provide a necessary contrast that prevents the blue from appearing too clinical or cold on digital interfaces.
Is #3784b7 suitable for large background areas?
It is generally better to avoid using #3784b7 as a dominant, large-scale background, as its muted, unsaturated tone can quickly feel overwhelming or institutional. Use it instead for buttons, headers, or text to maintain a balanced, professional look.
Is #3784b7 readable on white or black?
#3784b7 has a 4.08:1 contrast ratio on white and 5.14: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.