#526685 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#526685 is a dusty, unsaturated blue with a distinctly matte finish. Because of its low chroma and cooling effect, it works best as a supporting background tone for financial or tech-focused UI. It provides enough contrast to support white body text while maintaining an understated, professional weight. Pair it with soft, warm grays to prevent this muted shade from feeling too gloomy in large layouts.
Questions about #526685
What is #526685 in RGB, HSL and CMYK?
In RGB, #526685 is rgb(82, 102, 133), in HSL hsl(216, 24%, 42%) and in CMYK 38%, 23%, 0%, 48%. Browse more shades of blue with names and hex codes.
What colors pair best with #526685 for UI design?
Soft warm grays create the best contrast for #526685, preventing the blue from feeling too gloomy. You can also pair it with slate or crisp white text to maintain a professional, high-legibility look in data-heavy applications.
Does #526685 read as a warm or cool color?
#526685 is firmly a cool-toned blue, though its unsaturated, dusty quality makes it less aggressive than primary blues. This muted temperature allows it to sit quietly in the background without drawing too much attention away from primary content.
Is #526685 readable on white or black?
#526685 has a 5.83:1 contrast ratio on white and 3.59: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.