#2F3F4A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A somber, inky blue with heavy grey undertones, #2f3f4a functions best as a grounded backdrop for serious UI designs. This dusty hue lacks high saturation, making it an excellent alternative to pure black for reducing eye strain in dark mode interfaces. Pair it with soft cream or muted mustard to brighten the palette. The hex code for this moody shade is #2f3f4a.
Questions about #2f3f4a
What is #2f3f4a in RGB, HSL and CMYK?
In RGB, #2f3f4a is rgb(47, 63, 74), in HSL hsl(204, 22%, 24%) and in CMYK 36%, 15%, 0%, 71%.
What colors pair best with the inky blue of #2f3f4a?
Use #2f3f4a alongside warm, desaturated tones like soft cream or muted mustard to create a professional, balanced contrast. These pairings cut through the grey heaviness of the blue, ensuring your design feels grounded yet legible.
Is #2f3f4a suitable for dark mode interfaces?
This shade acts as a superior dark mode backdrop because it offers more visual interest than pure black while reducing high-contrast eye strain. It holds text well, making it a reliable choice for long-form reading environments or dashboards.
Is #2f3f4a readable on white or black?
#2f3f4a has a 10.87:1 contrast ratio on white and 1.93: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.