#505A53 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#505a53 is a muted, gray-leaning green with a calm, understated character. It sits between sage and charcoal, dark enough to work as a background and soft enough to avoid overpowering lighter text. Use it for moody UI panels, natural or eco branding, and anywhere a neutral green reads better than pure black. Pair it with warm creams or soft corals for contrast, and treat white text on this shade as the accessible default. The hex code #505a53 handles both large surfaces and fine detail without turning muddy.
Questions about #505a53
What is #505a53 in RGB, HSL and CMYK?
In RGB, #505a53 is rgb(80, 90, 83), in HSL hsl(138, 6%, 33%) and in CMYK 11%, 0%, 8%, 65%.
What colors pair well with #505a53?
Warm cream, soft coral, and dusty terracotta all contrast nicely with #505a53. For a quieter palette, pair it with off-white text and charcoal accents.
Is #505a53 a warm or cool green?
It reads cool but restrained. The gray undertone pulls it away from vivid greens, so it feels more neutral and earthy than fresh or leafy.
What is #505a53 best used for in design?
Backgrounds, UI panels, and natural or eco branding. Its low saturation makes it a steady base color rather than a highlight.
Is #505a53 readable on white or black?
#505a53 has a 7.17:1 contrast ratio on white and 2.92: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.