#3C4C63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits on the darker side of the spectrum, lacking the intensity of a primary hue. Because it is so unsaturated, it functions effectively as a grounding neutral for tech or professional branding. Designers often use the hex code #3c4c63 as a secondary background color because white text remains legible against it. If you are learning how to make gray, this shade demonstrates how subtle blue undertones shift a standard neutral.
Questions about #3c4c63
What is #3c4c63 in RGB, HSL and CMYK?
In RGB, #3c4c63 is rgb(60, 76, 99), in HSL hsl(215, 25%, 31%) and in CMYK 39%, 23%, 0%, 61%.
What colors pair best with #3c4c63?
Because #3c4c63 is a muted, low-saturation blue, it pairs beautifully with high-contrast neutrals like crisp white or light, warm beiges. To add energy, use it alongside complementary warm tones like a soft terracotta or muted gold, which creates a sophisticated, balanced palette.
Is #3c4c63 considered warm or cool?
#3c4c63 is distinctly a cool-toned color, sitting firmly in the blue spectrum, yet its gray undertones prevent it from feeling too icy. This combination makes it a versatile, calming choice for professional branding or backgrounds where you need stability without the harshness of standard navy.
Is #3c4c63 readable on white or black?
#3c4c63 has a 8.72:1 contrast ratio on white and 2.40: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.