#525B66 Hex Color

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

Hex color #525b66 graphic
#525b66 is a muted, desaturated blue with heavy grey undertones. It projects authority and reliability, making it a functional choice for corporate branding in finance or tech. Because of its dark, matte finish, it works best as a grounding background element. Use it with stark white text to maintain high readability, as the 6.9:1 contrast ratio ensures clear accessibility for small body copy.

Questions about #525b66

What is #525b66 in RGB, HSL and CMYK?
In RGB, #525b66 is rgb(82, 91, 102), in HSL hsl(213, 11%, 36%) and in CMYK 20%, 11%, 0%, 60%.
What colors work best with #525b66?
Pair #525b66 with crisp white or soft cream to maximize legibility, or add accents of mustard or terracotta to introduce warmth without overwhelming the cool, professional base. These combinations balance the grey undertones effectively.
Is #525b66 suitable for text-heavy interface design?
Yes, the 6.9:1 contrast ratio against white makes #525b66 an excellent, accessible choice for small body text and corporate documentation. It provides a softer, less harsh alternative to pure black while maintaining professional authority.
Is #525b66 readable on white or black?
#525b66 has a 6.89:1 contrast ratio on white and 3.04: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.