#3D5461 Hex Color

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

Hex color #3d5461 graphic
#3d5461 is a dark, muted blue with gray undertones and a matte, low-saturation finish. Its restrained depth suggests seriousness, reliability, and mystery, making it effective for security, finance, technology, and government branding. Use it as a supporting tone or UI background with white text, which achieves about 8.0:1 contrast. The hex code is #3d5461.

Questions about #3d5461

What is #3d5461 in RGB, HSL and CMYK?
In RGB, #3d5461 is rgb(61, 84, 97), in HSL hsl(202, 23%, 31%) and in CMYK 37%, 13%, 0%, 62%.
What colors pair well with #3d5461?
#3d5461 pairs well with white, pale blue, and warm neutrals, which balance its cool gray undertones without overpowering its muted character; soft off-white backgrounds also preserve its calm, low-saturation feel. A terracotta accent adds restrained warmth when the palette needs more energy.
Is #3d5461 a warm or cool color?
#3d5461 reads as a cool color because its blue base is softened by gray, giving it a reserved, steady appearance rather than the sharper impression of vivid blue tones alone. That balance suits interfaces and brand palettes that need authority without the starkness of pure navy.
Is #3d5461 readable on white or black?
#3d5461 has a 7.95:1 contrast ratio on white and 2.63: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.