#3C4048 Hex Color
Professional deep blue with grey undertones
A muted, desaturated blue with heavy grey undertones, #3c4048 carries a serious and professional mood. This color works well as a background for security or fintech interfaces. The hex code #3c4048 provides a 10.4:1 contrast ratio against white text, ensuring strong readability. Use this shade as a foundational base rather than a small accent to prevent the overall design from feeling too muddy or flat.
Questions about #3c4048
What is #3c4048 in RGB, HSL and CMYK?
In RGB, #3c4048 is rgb(60, 64, 72), in HSL hsl(220, 9%, 26%) and in CMYK 17%, 11%, 0%, 72%.
When should I use #3c4048 in UI design?
Use #3c4048 primarily as a foundational background or text container for professional interfaces like security dashboards or fintech apps. Its high contrast against white makes it a safer, more readable alternative to pure black or high-saturation navy blue.
What colors complement #3c4048?
Because #3c4048 is a neutral blue-grey, it pairs effectively with crisp, high-contrast accents to break up the seriousness. Try pairing it with a vibrant orange to create a striking focal point, or keep the aesthetic minimal by using off-white for text.
Is #3c4048 readable on white or black?
#3c4048 has a 10.40:1 contrast ratio on white and 2.01: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.