#2D424D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, inky blue carries a serious weight without becoming purely black. Because #2d424d is heavily muted and low in saturation, it functions as a stable, professional backdrop for high-contrast UI elements. Use it as a dominant dark mode base instead of harsh charcoal. It pairs effectively with crisp white text, which remains highly readable against this steady, muted tone.
Questions about #2d424d
What is #2d424d in RGB, HSL and CMYK?
In RGB, #2d424d is rgb(45, 66, 77), in HSL hsl(201, 26%, 24%) and in CMYK 42%, 14%, 0%, 70%.
How does #2d424d work for UI design?
#2d424d functions as a sophisticated, lower-contrast alternative to pure black or harsh charcoal. Its heavy, muted saturation provides a solid foundation for digital interfaces, ensuring that white text remains legible while reducing overall eye strain for users.
What colors pair well with #2d424d?
Pair #2d424d with crisp white or very light grays to maximize readability in text-heavy layouts. For accent elements, consider soft, muted gold or warm terracotta tones, which create a subtle visual warmth against the cool, professional weight of this deep blue.
Is #2d424d readable on white or black?
#2d424d has a 10.51:1 contrast ratio on white and 1.99: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.