#526A98 Hex Color

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

Hex color #526a98 graphic
This dusty, muted blue carries a serious, reliable tone perfect for corporate or tech interfaces. The hex code #526a98 works best as a balanced base color. Because of its dark saturation, use white text to ensure readability, as it offers a 5.4:1 contrast ratio. Pair it with lighter neutral tones to avoid a muddy appearance in your UI layouts.

Questions about #526a98

What is #526a98 in RGB, HSL and CMYK?
In RGB, #526a98 is rgb(82, 106, 152), in HSL hsl(219, 30%, 46%) and in CMYK 46%, 30%, 0%, 40%.
What colors pair well with #526a98 in a UI design?
Use clean neutrals to highlight #526a98, such as pairing it with off-white for text or a very light silver for backgrounds. This prevents the design from feeling muddy while maintaining that professional, tech-forward aesthetic that users expect.
Is #526a98 readable on white or black?
#526a98 has a 5.42:1 contrast ratio on white and 3.87: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.