#3C63F2 Hex Color

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

Hex color #3c63f2 graphic
Not a muted navy, #3c63f2 is blue at full volume. Its high saturation makes it a strong accent for buttons, links, and calls to action, though it can overwhelm as a full background. White text on top hits about 4.9:1 contrast, so small body copy passes WCAG AA. Pair it with warm coral or soft cream to balance the charge, and browse other shades of blue for comparison.

Questions about #3c63f2

What is #3c63f2 in RGB, HSL and CMYK?
In RGB, #3c63f2 is rgb(60, 99, 242), in HSL hsl(227, 87%, 59%) and in CMYK 75%, 59%, 0%, 5%. Browse more shades of blue with names and hex codes.
What colors pair well with #3c63f2?
Warm coral and amber offset its cool intensity, while soft cream keeps it crisp in interface work. Save it for accents against neutrals rather than stacking it with other saturated hues.
Is #3c63f2 readable on white or black?
#3c63f2 has a 4.93:1 contrast ratio on white and 4.25: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.