#349BC5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool blue tone feels professional and composed, making it a reliable choice for finance or security interfaces. Because it maintains enough contrast for readable body text, #349bc5 works well as a primary brand color. It pairs unexpectedly well with warm, earthy oranges, which break up its clinical rigidity. Use this hex code as a dominant base for large UI sections where clarity is the priority.
Questions about #349bc5
What is #349bc5 in RGB, HSL and CMYK?
In RGB, #349bc5 is rgb(52, 155, 197), in HSL hsl(197, 58%, 49%) and in CMYK 74%, 21%, 0%, 23%.
What colors pair best with #349bc5 for a balanced UI?
Pair #349bc5 with warm, earthy oranges like terracotta to break its clinical rigidity and create a balanced, modern visual hierarchy. The warmth of an earthy orange prevents the blue from feeling too cold or sterile in professional dashboard designs.
Is #349bc5 readable on white or black?
#349bc5 has a 3.16:1 contrast ratio on white and 6.64: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.