#3645C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and intense, #3645c9 is a high-energy blue that commands attention. Because it is so vivid, it works best as a bold accent or a call-to-action button rather than a primary background color. Designers often pair this shade with crisp white for maximum legibility. If you need to adjust the hue, learning how to make blue can help you create custom, harmonious palettes.
Questions about #3645c9
What is #3645c9 in RGB, HSL and CMYK?
In RGB, #3645c9 is rgb(54, 69, 201), in HSL hsl(234, 58%, 50%) and in CMYK 73%, 66%, 0%, 21%.
How can I effectively use #3645c9 in a web interface?
#3645c9 works best as a deliberate accent color for primary call-to-action buttons or highlights because it is highly saturated. Avoid using it as a large-scale background color, as its intensity can cause visual fatigue for the user over time.
What colors pair well with #3645c9 for a balanced design?
Pair #3645c9 with crisp white or very light gray to ensure high legibility and a clean look. For more contrast, you can use a complementary orange or soft yellow to create a vibrant, high-energy palette that feels modern and balanced.
Is #3645c9 readable on white or black?
#3645c9 has a 7.36:1 contrast ratio on white and 2.85: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 is too faint for text. Try other pairs in the contrast checker.