#2F3439 Hex Color

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

Hex color #2f3439 graphic
This dim, ashy blue carries a heavy, serious atmosphere perfect for professional UI backgrounds. Because it sits between grey and blue, #2f3439 offers excellent readability for white text. It works well as a dominant base for corporate or technology branding. Avoid using it for fine details where it might appear muddy. Pair it with crisp, bright accents to prevent the overall palette from feeling too gloomy.

Questions about #2f3439

What is #2f3439 in RGB, HSL and CMYK?
In RGB, #2f3439 is rgb(47, 52, 57), in HSL hsl(210, 10%, 20%) and in CMYK 18%, 9%, 0%, 78%. Browse more shades of black with names and hex codes.
What colors pair best with #2f3439?
Use crisp, high-contrast accents like pure white or soft silver to lift the heavy mood of #2f3439. For a more sophisticated corporate look, combine it with a muted slate or a bright, punchy cyan to add necessary visual interest.
Is #2f3439 suitable for small text elements?
Avoid using #2f3439 for fine details or small, thin typography as the low saturation can cause the edges to appear muddy. Stick to larger, bold text or use it primarily for background blocks to maintain maximum accessibility and clarity.
Is #2f3439 readable on white or black?
#2f3439 has a 12.56:1 contrast ratio on white and 1.67: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.