#506458 Hex Color

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

Select a Color

#506458 is a dusty, desaturated green that leans heavily into grey. Its matte appearance provides a serious, organic foundation for sustainable branding or moody UI layouts. Because of its low lightness, white text sits comfortably on top with a 6.4:1 contrast ratio, making it an effective choice for dark mode backgrounds. The hex code for this stable, earthy tone is #506458.

Questions about #506458

What is #506458 in RGB, HSL and CMYK?

In RGB, #506458 is rgb(80, 100, 88), in HSL hsl(144, 11%, 35%) and in CMYK 20%, 0%, 12%, 61%.

What colors pair well with #506458 for a natural palette?

#506458 works beautifully with warm neutrals like cream or soft beige, which help lift its grey undertones. For a more sophisticated contrast, try pairing it with deep charcoal or warm metallic accents, as these maintain the earthy, grounded atmosphere.

Is #506458 readable on white or black?

#506458 has a 6.35:1 contrast ratio on white and 3.30: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.

#506458 Hex Color

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

Questions about #506458

Color tools

Resources