#346CAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This medium blue is muted and cool, carrying a professional authority that works well for corporate branding and financial interfaces. It balances enough saturation to appear grounded without becoming aggressive. As a hex code, #346cad offers a 5.4:1 contrast ratio against white text, making it a reliable choice for readable UI elements and body copy. Pair it with soft, warm grays to soften its serious tone.
Questions about #346cad
What is #346cad in RGB, HSL and CMYK?
In RGB, #346cad is rgb(52, 108, 173), in HSL hsl(212, 54%, 44%) and in CMYK 70%, 38%, 0%, 32%.
What colors pair best with the muted tone of #346cad?
You should pair #346cad with warm grays or soft creams to soften its professional edge. Avoid pure, high-contrast neons, as these often clash with the grounded, authority-driven nature of this specific blue hue, potentially making the design feel disjointed.
Is #346cad readable on white or black?
#346cad has a 5.39:1 contrast ratio on white and 3.89: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.