#424658 Hex Color

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

Hex color #424658 graphic
This dark, muted indigo feels serious and structured. It acts as a stable grounding base for moody UI designs. Since the tone is low-light, use it as a background paired with crisp white text for high readability. The hex code is #424658. This dusty, ashen shade works better than pure black for creating depth in complex dark mode layouts.

Questions about #424658

What is #424658 in RGB, HSL and CMYK?
In RGB, #424658 is rgb(66, 70, 88), in HSL hsl(229, 14%, 30%) and in CMYK 25%, 20%, 0%, 65%.
When should I use #424658 instead of pure black?
Use #424658 when you need a dark background that maintains visual depth without the harshness of pitch black. It works effectively in complex interfaces to soften contrast while ensuring that white typography remains readable and pleasant for long-term user engagement.
What colors pair well with #424658?
This muted indigo pairs beautifully with cream or off-white tones for high-readability text. You can also add sophisticated accents using dusty rose or muted sage to balance the cool, industrial structure of the base shade.
Is #424658 readable on white or black?
#424658 has a 9.33:1 contrast ratio on white and 2.24: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.