#528A9E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy cyan carries a cooling, professional presence. It lacks the intensity of brighter teals, making it an excellent supporting tone for clean tech interfaces or minimalist branding. Use black text over this shade for maximum readability, as it easily meets accessibility standards. The hex code for this desaturated blue is #528a9e, and it pairs particularly well with charcoal greys and crisp, off-white accents.
Questions about #528a9e
What is #528a9e in RGB, HSL and CMYK?
In RGB, #528a9e is rgb(82, 138, 158), in HSL hsl(196, 32%, 47%) and in CMYK 48%, 13%, 0%, 38%.
What colors pair well with #528a9e?
This muted cyan works beautifully alongside deep charcoal or dark navy for a sophisticated, high-contrast look. To keep the palette airy and professional, pair it with soft, warm off-whites or light greys, which help anchor the coolness of the cyan.
Is #528a9e suitable for UI design text?
While #528a9e can be used for UI accents, borders, or icons, it is generally too light to serve as primary body text. For maximum accessibility, use it as a background color with high-contrast dark text or as a functional element against white.
Is #528a9e readable on white or black?
#528a9e has a 3.82:1 contrast ratio on white and 5.48: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.