#2F414F Hex Color

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

Hex color #2f414f graphic
This muted, dusty slate feels grounded and professional, serving as a dependable neutral for dark-mode interfaces or corporate branding. With its heavy grey undertone, #2f414f reads more serious than a standard navy. It works best as a dominant background because white text pops clearly against it. If you need lighter alternatives for a palette, try looking at other shades of blue to find the right balance.

Questions about #2f414f

What is #2f414f in RGB, HSL and CMYK?
In RGB, #2f414f is rgb(47, 65, 79), in HSL hsl(206, 25%, 25%) and in CMYK 41%, 18%, 0%, 69%.
Why does #2f414f work well for dark-mode UI designs?
This color provides a subtle, professional alternative to harsh black backgrounds while ensuring high readability for white or light-toned text. It carries a heavy grey undertone that feels grounded, making it perfect for interfaces that require a serious and stable aesthetic.
Which colors pair best with #2f414f for a balanced palette?
Pair #2f414f with soft cream or light beige tones to create a sophisticated, high-contrast look that softens the industrial feel. For an energetic accent, small doses of mustard or muted gold provide a warm, complementary pop against this cool slate.
Is #2f414f readable on white or black?
#2f414f has a 10.55:1 contrast ratio on white and 1.98: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.