#3D64C6 Hex Color

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

Hex color #3d64c6 graphic
#3d64c6 is a high-energy, saturated blue that demands attention without feeling chaotic. It carries enough intensity to work as a primary call-to-action button or a bold UI accent, but it can overwhelm a layout if used for large backgrounds. Pair this hex code with crisp white text to satisfy accessibility standards, as the contrast ratio is excellent for readability.

Questions about #3d64c6

What is #3d64c6 in RGB, HSL and CMYK?
In RGB, #3d64c6 is rgb(61, 100, 198), in HSL hsl(223, 55%, 51%) and in CMYK 69%, 49%, 0%, 22%.
Which colors pair effectively with #3d64c6?
Pair #3d64c6 with soft neutral grays or crisp whites to let the blue dominate without visual clutter. For more dynamic results, use complementary orange hues or analogous teals, which balance the intensity of this specific blue and create a sophisticated, professional color palette.
Is #3d64c6 readable on white or black?
#3d64c6 has a 5.47:1 contrast ratio on white and 3.83: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.