#3B4851 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, ink-like blue feels serious and grounded. It serves as a strong alternative to black for UI backgrounds, and white text maintains excellent readability against its dark surface. The hex code #3b4851 offers a muted, professional quality suitable for finance or legal branding. Pair it with warm, desaturated yellows to soften the mood, preventing the color from appearing too bleak in expansive layouts.
Questions about #3b4851
What is #3b4851 in RGB, HSL and CMYK?
In RGB, #3b4851 is rgb(59, 72, 81), in HSL hsl(205, 16%, 27%) and in CMYK 27%, 11%, 0%, 68%. Browse more shades of gray with names and hex codes.
What colors pair well with #3b4851?
Because #3b4851 is inherently cool and muted, it balances best with warm, desaturated neutrals like cream or soft terracotta. These pairings prevent the palette from feeling too cold or industrial, creating a more welcoming, grounded aesthetic for web design.
Does #3b4851 work as a primary UI background color?
#3b4851 serves as an excellent, sophisticated alternative to pure black or dark gray in user interfaces. It provides enough visual weight to ground a layout while remaining soft enough to keep white text readable without straining the user's eyes.
Is #3b4851 readable on white or black?
#3b4851 has a 9.40:1 contrast ratio on white and 2.23: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.