#345CD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated royal blue, close to a fresh ink cartridge. The hex code #345cd3 hits hardest at small sizes, so it shines as an accent for buttons, links, and calls to action. White text reads clearly against it at about 5.8:1 contrast, enough for body copy under WCAG AA. At full-page scale it gets loud, so temper it with sand or warm gray, or browse other shades of blue.
Questions about #345cd3
What is #345cd3 in RGB, HSL and CMYK?
In RGB, #345cd3 is rgb(52, 92, 211), in HSL hsl(225, 64%, 52%) and in CMYK 75%, 56%, 0%, 17%.
What colors pair well with #345cd3?
Warm accents like amber, coral, or terracotta bring out its energy, while sand and off-white soften it. Skip reds next to it unless you want a loud, competitive feel.
Is #345cd3 readable on white or black?
#345cd3 has a 5.80:1 contrast ratio on white and 3.61: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.