#3786B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mid-tone blue carries a cool, grounded stability perfect for professional UI applications like finance or technology dashboards. Because it maintains a contrast ratio of 5.2:1 against black, it remains highly legible for body text. The hex code #3786b2 pairs effectively with muted warm greys or charcoal to avoid the predictable nautical aesthetic often associated with this shade.
Questions about #3786b2
What is #3786b2 in RGB, HSL and CMYK?
In RGB, #3786b2 is rgb(55, 134, 178), in HSL hsl(201, 53%, 46%) and in CMYK 69%, 25%, 0%, 30%.
What colors pair well with #3786b2?
To avoid a predictable nautical look, pair #3786b2 with muted warm greys or deep charcoal. These neutral backgrounds ground the blue, allowing it to stand out professionally without feeling overly saturated or purely corporate.
Is #3786b2 readable on white or black?
#3786b2 has a 4.02:1 contrast ratio on white and 5.21: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.