#4E74B0 Hex Color

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

Hex color #4e74b0 graphic
#4e74b0 is a muted, cool blue with gray undertones and a matte, slightly dusty finish. Its restrained saturation conveys calm, trust, and control without demanding attention. Use it as a supporting tone for finance, healthcare, government, or security interfaces, pairing it with warm white and charcoal. The hex code #4e74b0 supports white body text at about 4.7:1 contrast.

Questions about #4e74b0

What is #4e74b0 in RGB, HSL and CMYK?
In RGB, #4e74b0 is rgb(78, 116, 176), in HSL hsl(217, 39%, 50%) and in CMYK 56%, 34%, 0%, 31%.
What colors pair well with #4e74b0 in a clean interface?
Warm white and charcoal create a clear, balanced pairing with #4e74b0, while muted complementary orange tones can add energy without overpowering its cool, dusty character. Use the blue as a supporting surface or accent for a controlled visual hierarchy.
Is #4e74b0 warm or cool, and what mood does it create?
#4e74b0 is a cool, muted blue because its blue channel dominates while gray undertones reduce saturation. It communicates calm, trust, and control, making it practical for finance, healthcare, government, and security interfaces.
Is #4e74b0 suitable for white text?
Yes, #4e74b0 provides strong contrast with white text for many interface uses, though final accessibility checks should use the actual font size, weight, and surrounding colors. Test buttons, links, and body copy separately before publishing.
Is #4e74b0 readable on white or black?
#4e74b0 has a 4.72:1 contrast ratio on white and 4.44: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.