#4C63BF Hex Color

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

Hex color #4c63bf graphic
#4c63bf is a fairly saturated, cool blue with a cold, slightly violet undertone and moderate darkness. Its controlled clarity suits trust-focused brands and security interfaces across finance, technology, healthcare, and government. Use it as a strong supporting tone with white text. Its contrast reaches about 5.5:1, enough for WCAG AA body text. The hex code is #4c63bf.

Questions about #4c63bf

What is #4c63bf in RGB, HSL and CMYK?
In RGB, #4c63bf is rgb(76, 99, 191), in HSL hsl(228, 47%, 52%) and in CMYK 60%, 48%, 0%, 25%.
What colors pair well with #4c63bf?
#4c63bf pairs well with charcoal for a restrained interface and with muted coral for measured warmth. Use white for text, then add a pale blue-gray background to keep the palette crisp without making the blue feel overly bright.
Where does #4c63bf work best in design?
Use #4c63bf as a dominant brand or navigation color when you need authority without a near-black feel. Its medium-dark, fairly saturated finish suits finance, technology, healthcare, and security products, while white labels and restrained warm accents keep layouts balanced.
Is #4c63bf readable on white or black?
#4c63bf has a 5.46:1 contrast ratio on white and 3.84: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.