#424E53 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy teal sits firmly between grey and cyan. The hex code #424e53 carries a serious, moody weight that makes it a stable base for tech or aerospace interfaces. It offers enough contrast to support white text comfortably at small sizes. Pair this shade with soft terracotta or warm gold to break up its cool, reserved character without creating visual clutter.
Questions about #424e53
What is #424e53 in RGB, HSL and CMYK?
In RGB, #424e53 is rgb(66, 78, 83), in HSL hsl(198, 11%, 29%) and in CMYK 20%, 6%, 0%, 67%.
What colors pair best with #424e53?
The reserved character of #424e53 balances beautifully against warm, earthy tones like terracotta or muted gold. These warmer accents cut through the cool, greyish undertones, creating a sophisticated contrast that prevents the interface from feeling too industrial or overly cold.
Is #424e53 a suitable base for web interfaces?
Yes, #424e53 acts as a stable, professional foundation for UI design because it provides sufficient contrast for white text at small sizes. Its muted, ashy quality is far easier on the eyes than pure black, making it ideal for long-form data or complex dashboards.
Is #424e53 readable on white or black?
#424e53 has a 8.58:1 contrast ratio on white and 2.44: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.