#3685D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Banking apps, government portals, and healthcare dashboards lean on this dependable mid blue. #3685d4 has enough saturation to anchor a brand palette without shouting, and its medium lightness keeps it legible at button size. Warm coral or soft sand flatter it better than the usual gray neutrals. Black text passes WCAG AA against it at about 5.5:1 contrast. The hex code #3685d4 works as a primary or supporting tone, though it can wash out on plain white backgrounds.
Questions about #3685d4
What is #3685d4 in RGB, HSL and CMYK?
In RGB, #3685d4 is rgb(54, 133, 212), in HSL hsl(210, 65%, 52%) and in CMYK 75%, 37%, 0%, 17%.
What colors pair well with #3685d4?
Warm coral and soft sand flatter #3685d4 better than the usual gray neutrals. The blue's coolness pops against warm accents, and charcoal grounds it well in dashboards and corporate layouts.
Is black or white text better on #3685d4?
Black text. Contrast against black is about 5.5:1, which passes WCAG AA for body text. White lands near 3.9:1, so keep white type large and bold or switch to black.
Is #3685d4 readable on white or black?
#3685d4 has a 3.84:1 contrast ratio on white and 5.46: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.