#3C5161 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue-gray feels serious and reserved, offering a muted alternative to standard navy. With high contrast against white text, the hex code #3c5161 works well as a grounding base for professional UI or moody, tech-focused branding. Because of its low saturation, it can look washed out in large, open spaces, so use it carefully as a supporting tone rather than a full-page background.
Questions about #3c5161
What is #3c5161 in RGB, HSL and CMYK?
In RGB, #3c5161 is rgb(60, 81, 97), in HSL hsl(206, 24%, 31%) and in CMYK 38%, 16%, 0%, 62%. Browse more shades of gray with names and hex codes.
How can I use #3c5161 effectively in a user interface?
#3c5161 works best as a grounding neutral for navigation bars or footer backgrounds where you need professionalism without the harshness of black. Pair it with soft white or very light gray text to maintain high contrast and readability.
Does #3c5161 read as a warm or cool color?
This shade is distinctly cool, carrying strong blue and gray undertones that evoke a reserved, industrial mood. Because of this coolness, it pairs exceptionally well with warm accents like terracotta or soft gold to create visual balance.
Is #3c5161 readable on white or black?
#3c5161 has a 8.26:1 contrast ratio on white and 2.54: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.