#3654B9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3654b9 graphic
A saturated, dark blue with real punch, #3654b9 sits between vivid and gloomy. Its hex code works as a strong base for tech, finance, and moody dark interfaces, and white text clears WCAG AA at roughly 6.7:1 contrast. Pair it with warm amber for energy, or mute it toward gray using what colors make gray.

Questions about #3654b9

What is #3654b9 in RGB, HSL and CMYK?
In RGB, #3654b9 is rgb(54, 84, 185), in HSL hsl(226, 55%, 47%) and in CMYK 71%, 55%, 0%, 27%.
What colors pair well with #3654b9?
Warm accents like amber and burnt orange bring out the energetic side of #3654b9, while charcoal and soft cream keep it serious and grounded. Avoid pale blues beside it, the pairing washes out.
Is #3654b9 readable on white or black?
#3654b9 has a 6.71:1 contrast ratio on white and 3.12: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.