#3C4C74 Hex Color

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

Hex color #3c4c74 graphic
Dark and muted, #3c4c74 has a cool blue base with gray, dusty undertones. Its low saturation creates a serious, controlled mood, making it effective as a supporting tone for security, finance, and technology branding. Pair it with warm ivory or muted burgundy for contrast. The hex code #3c4c74 provides strong white-text contrast at about 8.5:1.

Questions about #3c4c74

What is #3c4c74 in RGB, HSL and CMYK?
In RGB, #3c4c74 is rgb(60, 76, 116), in HSL hsl(223, 32%, 35%) and in CMYK 48%, 34%, 0%, 55%. Browse more shades of blue with names and hex codes.
What colors pair well with #3c4c74?
Warm ivory creates clear, gentle contrast with #3c4c74, while muted burgundy adds depth without overwhelming its restrained blue-gray character, making the pairing useful for polished interfaces, editorial layouts, and brand palettes. Soft beige, dusty rose, and pale blue create quieter alternatives.
Is #3c4c74 warm or cool?
#3c4c74 reads as a cool color because its blue base dominates, while gray, dusty undertones soften the saturation. That combination gives it a controlled, professional feel rather than a bright or energetic one, making it useful for restrained visual systems.
Is #3c4c74 readable on white or black?
#3c4c74 has a 8.47: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.