#3784E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
See all shades of blue with names and hex codes →
Bright and strongly saturated, #3784e4 is a cool blue with a clear, lively finish. Its high energy suits calls to action, technology interfaces, finance dashboards, and security-focused branding. Use it as a supporting color or focused accent rather than a full-page background. The hex code #3784e4 supports black body text at about a 5.6:1 contrast ratio.
Questions about #3784e4
What is #3784e4 in RGB, HSL and CMYK?
In RGB, #3784e4 is rgb(55, 132, 228), in HSL hsl(213, 76%, 55%) and in CMYK 76%, 42%, 0%, 11%.
What colors pair well with #3784e4 in a palette?
The #3784e4 hex color pairs well with white and black for clean contrast, while charcoal or a warm accent can soften its brightness or balance its cool, energetic character in interface palettes.
Where does #3784e4 work best in a design?
The #3784e4 hex color works best as a focused accent in buttons, links, charts, dashboards, and security-oriented interfaces, where its bright saturation adds urgency and clarity; use it sparingly as a background to avoid visual fatigue.
Is #3784e4 readable on white or black?
#3784e4 has a 3.76:1 contrast ratio on white and 5.58: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.