#326F8A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue carries a cool temperature and a grounded, corporate feel. Because of its desaturated quality, #326f8a works best as a secondary or supporting color rather than a dominant background. Pair it with soft creams or warm grays to soften its serious professional edge. White text offers excellent contrast for legibility, making this hex code a reliable choice for UI text or buttons.
Questions about #326f8a
What is #326f8a in RGB, HSL and CMYK?
In RGB, #326f8a is rgb(50, 111, 138), in HSL hsl(198, 47%, 37%) and in CMYK 64%, 20%, 0%, 46%.
What colors pair best with #326f8a?
Use warm neutrals like soft cream or light gray to balance the cool, ashy nature of #326f8a. Because it is desaturated and professional, it creates a sophisticated, understated contrast when placed alongside charcoal text or crisp white backgrounds.
Is #326f8a readable on white or black?
#326f8a has a 5.56:1 contrast ratio on white and 3.77:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.