#505B75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dusty, #505b75 is a desaturated blue with a serious, matte character. Its low chroma makes it an excellent choice for moody UI backgrounds where you need a professional, reliable tone. It pairs well with soft creams or warm grays to cut through the gloom. The hex code #505b75 offers enough contrast for readable white body text, ensuring both style and accessibility.
Questions about #505b75
What is #505b75 in RGB, HSL and CMYK?
In RGB, #505b75 is rgb(80, 91, 117), in HSL hsl(222, 19%, 39%) and in CMYK 32%, 22%, 0%, 54%.
Does #505b75 work well for modern interface design?
Yes, #505b75 is an excellent choice for UI backgrounds where a serious, professional tone is required. Its low chroma prevents eye strain, and it offers enough natural contrast to keep white body text readable and accessible for users across most screen types.
What colors pair effectively with #505b75?
You should pair #505b75 with soft creams or warm, light grays to help brighten its muted character. Using warm beige or off-white as an accent color helps cut through the gloom while maintaining a clean, balanced, and modern design aesthetic.
Is #505b75 readable on white or black?
#505b75 has a 6.78:1 contrast ratio on white and 3.09: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.