#3682C5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, medium-toned blue, #3682c5 carries a professional, stable weight. It functions well as a reliable base color for corporate interfaces or fintech branding. Because this hex code has a contrast ratio of 5.2:1 against black, it supports small, readable text effectively. Pair it with a crisp slate gray to emphasize its cooler, reserved personality rather than using it alongside overly bright, saturated primaries.
Questions about #3682c5
What is #3682c5 in RGB, HSL and CMYK?
In RGB, #3682c5 is rgb(54, 130, 197), in HSL hsl(208, 57%, 49%) and in CMYK 73%, 34%, 0%, 23%.
Why does #3682c5 work well for interface design?
The #3682c5 hex color offers a 5.2:1 contrast ratio against black text, making it a reliable choice for readable small text in corporate dashboards. Its muted, stable nature avoids visual fatigue while maintaining professional clarity in fintech or B2B applications.
Which colors pair best with #3682c5?
Crisp slate grays serve as the best companions for #3682c5 because they emphasize its cool, reserved personality without fighting for attention. Avoid pairing it with overly bright or saturated primaries, which can clash with its subdued, sophisticated aesthetic.
Is #3682c5 readable on white or black?
#3682c5 has a 4.07:1 contrast ratio on white and 5.15: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.