#3C64D4 Hex Color

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

Hex color #3c64d4 graphic
A vivid, medium-dark blue with a cool cast, #3c64d4 carries real punch without tipping into neon. The hex code reads strong on screens, which makes it a natural fit for buttons, links, and calls to action. Pair it with warm sand or soft coral rather than plain gray to keep it from feeling corporate. White text passes on it at 5.3:1 contrast, so small labels stay readable.

Questions about #3c64d4

What is #3c64d4 in RGB, HSL and CMYK?
In RGB, #3c64d4 is rgb(60, 100, 212), in HSL hsl(224, 64%, 53%) and in CMYK 72%, 53%, 0%, 17%.
What text color works best on #3c64d4?
White text works best on #3c64d4, reaching about 5.3:1 contrast, which passes WCAG AA for body text. Black text lands near 4:1 and falls short for small type, so keep dark lettering to large headings only.
What colors pair well with #3c64d4?
Warm accents like coral and sandy neutrals balance the coolness of #3c64d4 nicely. Gray-heavy pairings tend to flatten it, so favor warm creams or a muted amber for secondary elements.
Is #3c64d4 readable on white or black?
#3c64d4 has a 5.29:1 contrast ratio on white and 3.96: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.