#347FBD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated mid-blue provides a balanced, secure backdrop for professional UI design. Because it maintains a 4.9:1 contrast ratio with black text, it works well for readable body copy. The hex code #347fbd pairs unexpectedly well with soft peach tones if you are interested in mixing gray into your palette. Avoid using it as a large, flat background as it can feel sterile.
Questions about #347fbd
What is #347fbd in RGB, HSL and CMYK?
In RGB, #347fbd is rgb(52, 127, 189), in HSL hsl(207, 57%, 47%) and in CMYK 72%, 33%, 0%, 26%.
What colors pair well with #347fbd?
This blue pairs surprisingly well with soft peach tones, which neutralize its cooler, sterile tendencies. For a more sophisticated or professional look, try pairing #347fbd with charcoal or deep, neutral grays to create a grounding effect.
Is #347fbd readable on white or black?
#347fbd has a 4.27:1 contrast ratio on white and 4.91: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.