#3656A1 Hex Color

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

Hex color #3656a1 graphic
#3656a1 is a dark, muted blue with cool undertones and moderate saturation. Its shaded appearance suggests seriousness, trust, and security, making it a strong base for finance, technology, government, and healthcare designs. Use it for UI backgrounds or branding. White text reaches about 7:1 contrast, meeting WCAG AA for body text. The hex code is #3656a1.

Questions about #3656a1

What is #3656a1 in RGB, HSL and CMYK?
In RGB, #3656a1 is rgb(54, 86, 161), in HSL hsl(222, 50%, 42%) and in CMYK 66%, 47%, 0%, 37%.
What colors pair well with #3656a1?
#3656a1 pairs well with white, pale blue, and warm neutrals such as beige, which soften its serious blue base; muted gold or coral accents can add contrast without overwhelming the palette.
Does #3656a1 read as a warm or cool color?
#3656a1 reads as a cool color because its blue base and restrained saturation create a shaded, composed appearance. It conveys trust and security more readily than warmth, making it a natural fit for professional interfaces and institutional branding.
Is #3656a1 readable on white or black?
#3656a1 has a 6.99:1 contrast ratio on white and 3.00: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.