#3D4A55 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for this dark blue-gray when a UI background needs weight without drama. The hex code #3d4a55 is a muted, ashy blue that borders on gray, which is why it suits finance and tech layouts as a 60% base. White text on it hits about 9.1:1 contrast, well past AA for small copy. Pair it with warm amber or dusty coral so it never reads flat.
Questions about #3d4a55
What is #3d4a55 in RGB, HSL and CMYK?
In RGB, #3d4a55 is rgb(61, 74, 85), in HSL hsl(207, 16%, 29%) and in CMYK 28%, 13%, 0%, 67%.
What colors pair well with #3d4a55?
Warm accents like amber, dusty coral, and muted gold lift #3d4a55 and keep it from reading flat. For a richer, moodier palette, pair it with burgundy instead of the usual navy or camel neutrals.
Is #3d4a55 readable on white or black?
#3d4a55 has a 9.09:1 contrast ratio on white and 2.30: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.