#3662C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy blue commands attention without veering into neon territory. Because of its intensity, #3662c9 functions best as a strong accent or CTA button rather than a primary background color. It pairs surprisingly well with warm terracottas, which helps tone down its natural coolness. If you are experimenting with color theory, understanding how to make gray can help you neutralize this bold shade when needed.
Questions about #3662c9
What is #3662c9 in RGB, HSL and CMYK?
In RGB, #3662c9 is rgb(54, 98, 201), in HSL hsl(222, 58%, 50%) and in CMYK 73%, 51%, 0%, 21%.
What colors pair best with #3662c9 for a balanced design?
Use warm, earthy tones like terracotta or soft sand to ground the intensity of #3662c9. These warm neutrals counteract the natural coolness of this blue, preventing it from overwhelming your layout while maintaining a professional contrast.
Is #3662c9 suitable for body text or large background areas?
Avoid using #3662c9 for large text blocks or full backgrounds as its high saturation can cause eye strain. It works significantly better as an intentional, high-contrast accent for interactive elements like primary call-to-action buttons.
Is #3662c9 readable on white or black?
#3662c9 has a 5.60:1 contrast ratio on white and 3.74: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.