#3C4C73 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark, muted blue with gray undertones, #3c4c73 has a cool, matte look that feels serious and controlled. Its low saturation suits finance, security, government, and technology branding without becoming harsh. Use it as a supporting tone or dark UI background, pairing it with warm ivory or burgundy. The hex code #3c4c73 supports clear white text at about 8.5:1 contrast.
Questions about #3c4c73
What is #3c4c73 in RGB, HSL and CMYK?
In RGB, #3c4c73 is rgb(60, 76, 115), in HSL hsl(223, 31%, 34%) and in CMYK 48%, 34%, 0%, 55%. Browse more shades of blue with names and hex codes.
What colors pair well with #3c4c73?
Is #3c4c73 warm or cool, and what mood does it create?
#3c4c73 reads as a cool, muted blue because its blue component outweighs its red and green values, creating a controlled, dependable mood suited to dark interfaces, security products, finance layouts, and technology branding.
Does #3c4c73 work with white text?
#3c4c73 provides strong contrast with white text, at about 8.5:1, so it can support readable headings, labels, and interface content; still check the final font size, weight, and surrounding colors before relying on it for accessibility.
Is #3c4c73 readable on white or black?
#3c4c73 has a 8.49:1 contrast ratio on white and 2.47: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 is too faint for text. Try other pairs in the contrast checker.