#424446 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, moody charcoal provides a solid, professional base for modern interface design. Because it sits at a neutral midpoint, #424446 avoids the harshness of pure black while maintaining plenty of depth. It pairs well with high-contrast white text for excellent readability. Use this hex code as a background for minimalist layouts to achieve a sophisticated, restrained look that feels balanced rather than empty.
Questions about #424446
What is #424446 in RGB, HSL and CMYK?
In RGB, #424446 is rgb(66, 68, 70), in HSL hsl(210, 3%, 27%) and in CMYK 6%, 3%, 0%, 73%.
Is #424446 a better choice than pure black for web backgrounds?
Yes, #424446 is generally superior for UI backgrounds because it reduces eye strain compared to pitch black. The slight softening of the tone creates a more professional, sophisticated depth while maintaining excellent readability for white or light gray text.
What colors pair well with #424446 in a design system?
This neutral charcoal works best with high-contrast accent colors like mint or soft gold to create a premium feel. It also serves as a stable anchor for brighter, saturated interface elements without competing for visual attention.
Is #424446 readable on white or black?
#424446 has a 9.78:1 contrast ratio on white and 2.14: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.