#3B4855 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted blue with ashy gray undertones, #3b4855 feels serious, controlled, and dependable. Its low saturation gives layouts a matte, understated finish, making it effective as a supporting tone in finance, technology, government, and security designs. Use it for backgrounds with white text, which achieves about 9.4:1 contrast. The hex code is #3b4855.
Questions about #3b4855
What is #3b4855 in RGB, HSL and CMYK?
In RGB, #3b4855 is rgb(59, 72, 85), in HSL hsl(210, 18%, 28%) and in CMYK 31%, 15%, 0%, 67%. Browse more shades of gray with names and hex codes.
What colors pair well with #3b4855?
The #3b4855 hex color pairs well with white, pale blue, cool gray, and muted sage for calm contrast; warm terracotta or burgundy can add controlled emphasis without overpowering its restrained blue-gray base.
What mood does #3b4855 create?
The #3b4855 hex color conveys a serious, dependable mood through its dark value, low saturation, and cool blue-gray base. It suits interfaces and layouts that need a controlled, professional feel without the starkness of pure black.
Where does #3b4855 work well in a design?
Use #3b4855 for navigation bars, footers, cards, dashboards, and supporting backgrounds where you want visual weight without pure black. Its muted blue-gray character is especially effective in finance, technology, government, and security-oriented layouts.
Is #3b4855 readable on white or black?
#3b4855 has a 9.35:1 contrast ratio on white and 2.24: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.