#525E6B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue carries a heavy, serious weight, making it a reliable choice for professional UI backgrounds or moody tech interfaces. While its low saturation can feel slightly bleak, it provides excellent contrast for white text, achieving a 6.6:1 ratio that exceeds accessibility standards. The hex code #525e6b serves best as a supporting base color rather than a primary accent, as it can appear muddy when overused.
Questions about #525e6b
What is #525e6b in RGB, HSL and CMYK?
In RGB, #525e6b is rgb(82, 94, 107), in HSL hsl(211, 13%, 37%) and in CMYK 23%, 12%, 0%, 58%.
What design strategy works best for #525e6b?
Use #525e6b as a supporting base or background color rather than a primary accent to prevent the design from appearing muddy. It pairs effectively with crisp, high-contrast elements like white or lighter slate shades to maintain a clean, professional aesthetic.
Is #525e6b readable on white or black?
#525e6b has a 6.62:1 contrast ratio on white and 3.17: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.