#529BB6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, unsaturated cyan, #529bb6 carries a refreshing feel that sits comfortably between professional and playful. Because it maintains strong contrast with black text, this hex code works exceptionally well for UI elements and navigation where legibility is required. Pair it with soft cream or warm gray to ground its inherent coolness. It functions best as an accent color rather than a large background field.
Questions about #529bb6
What is #529bb6 in RGB, HSL and CMYK?
In RGB, #529bb6 is rgb(82, 155, 182), in HSL hsl(196, 41%, 52%) and in CMYK 55%, 15%, 0%, 29%.
How does #529bb6 perform in user interface design?
#529bb6 functions exceptionally well for digital interfaces because it maintains strong contrast against dark text, ensuring high legibility for navigation items or primary call-to-action buttons. It bridges the gap between playful and professional design standards quite effectively.
What colors best complement #529bb6?
To ground this cool, unsaturated cyan, pair it with soft neutrals like cream or warm gray. These earthier tones offset the cyan's inherent crispness, preventing the overall color scheme from feeling too detached or clinical in a layout.
Is #529bb6 readable on white or black?
#529bb6 has a 3.12:1 contrast ratio on white and 6.72:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.