#346F8C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a professional weight, making it a reliable choice for finance and security interfaces. Because it lacks high saturation, #346f8c functions best as a stable secondary tone rather than an overwhelming primary background. It pairs exceptionally well with warm, creamy off-whites, which balance its cool temperature. The hex code #346f8c is sufficiently accessible for small body text when paired with high-contrast white.
Questions about #346f8c
What is #346f8c in RGB, HSL and CMYK?
In RGB, #346f8c is rgb(52, 111, 140), in HSL hsl(200, 46%, 38%) and in CMYK 63%, 21%, 0%, 45%.
What colors pair well with #346f8c?
#346f8c balances beautifully with warm, creamy off-whites that soften its professional edge. For higher contrast, pair it with a crisp off-white or a light beige to emphasize its cool, dusty undertones without appearing too clinical.
Is #346f8c suitable for UI body text?
Yes, #346f8c provides sufficient contrast for readability against light, neutral backgrounds. Ensure you verify the specific contrast ratio against your chosen background color, as it functions best as a stable secondary tone or branding element.
Is #346f8c readable on white or black?
#346f8c has a 5.52:1 contrast ratio on white and 3.79: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.