#3C4561 Hex Color
A grounded, moody and desaturated inky blue
A dusty, inky blue that feels grounded and serious. Because this shade is heavily desaturated, it avoids the artificial brightness found in standard blues. Designers often use #3c4561 as a dark background for technology or security interfaces where white text remains readable. While you can learn what colors make gray to mix it yourself, this specific hex code offers a reliable, moody base for your digital projects.
Questions about #3c4561
What is #3c4561 in RGB, HSL and CMYK?
In RGB, #3c4561 is rgb(60, 69, 97), in HSL hsl(225, 24%, 31%) and in CMYK 38%, 29%, 0%, 62%.
Where should I use the #3c4561 color in a UI design?
#3c4561 serves best as a sophisticated background for high-tech or security-focused digital interfaces. It provides enough depth to support white or light gray typography without the harshness of pure black, creating a grounded, professional aesthetic for user dashboards.
What colors pair well with #3c4561?
Pair #3c4561 with crisp, clean neutrals or soft metallics to emphasize its muted tone. Using off-white or pale silver creates a high-contrast, modern look, while adding a touch of mustard yellow provides a sharp, energetic accent against its stillness.
Is #3c4561 readable on white or black?
#3c4561 has a 9.47:1 contrast ratio on white and 2.21: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.