#3B4552 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3b4552 graphic
This dusty, inky blue carries a serious, matte quality that feels grounded and professional. Because it is highly desaturated, #3b4552 serves as a stable base for modern UI backgrounds or technical interfaces. Pair it with soft cream or warm greys to keep the design from feeling too bleak. It provides excellent legibility for white text, making it a functional choice for dark mode applications.

Questions about #3b4552

What is #3b4552 in RGB, HSL and CMYK?
In RGB, #3b4552 is rgb(59, 69, 82), in HSL hsl(214, 16%, 28%) and in CMYK 28%, 16%, 0%, 68%.
Where does #3b4552 work best in UI design?
#3b4552 functions as an excellent, readable dark base for modern user interfaces and technical dashboards. Because it is highly desaturated and muted, it keeps white text crisp and legible without causing eye strain during long-term use.
What colors pair well with #3b4552 for a balanced scheme?
To prevent #3b4552 from feeling too bleak, balance it with warm, neutral tones like cream or soft beige. You can also introduce subtle warmth by pairing it with warm grey accents to create a sophisticated, professional aesthetic.
Is #3b4552 readable on white or black?
#3b4552 has a 9.72:1 contrast ratio on white and 2.15: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.