#505A6E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, matte blue leans heavily into grey, creating an inky and serious appearance. Because of its muted saturation, #505a6e works best as a sophisticated base or moody background element rather than a bright accent. It pairs beautifully with soft creams or stark whites for high contrast. The hex code for this shade is #505a6e, which offers enough readability for small body text when paired with white.
Questions about #505a6e
What is #505a6e in RGB, HSL and CMYK?
In RGB, #505a6e is rgb(80, 90, 110), in HSL hsl(220, 16%, 37%) and in CMYK 27%, 18%, 0%, 57%. Browse more shades of gray with names and hex codes.
What colors pair best with #505a6e?
#505a6e works exceptionally well with soft, neutral tones that brighten its muted intensity. Pair it with creamy off-whites or warm greys to maintain high readability, or use a soft terracotta accent to create a balanced, modern contrast.
Is #505a6e a good choice for text and body content?
This color is generally too dark for small, dense body text, but it serves as an excellent, readable background choice. When using #505a6e as a background, ensure your foreground text is a high-contrast white or very light cream.
Is #505a6e readable on white or black?
#505a6e has a 6.93:1 contrast ratio on white and 3.02: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.