#5A99B1 Hex Color

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

Hex color #5a99b1 graphic
#5a99b1 is a cool, dusty cyan with gray undertones and moderate lightness, giving designs a refreshing, thoughtful feel. Its muted character supports trust and clear communication in technology, aerospace, and productivity interfaces. Use it as a supporting tone beside navy or warm coral; black text reads clearly on it, meeting WCAG AA body-text contrast. The hex code is #5a99b1.

Questions about #5a99b1

What is #5a99b1 in RGB, HSL and CMYK?
In RGB, #5a99b1 is rgb(90, 153, 177), in HSL hsl(197, 36%, 52%) and in CMYK 49%, 14%, 0%, 31%. Browse more shades of blue with names and hex codes.
Which colors pair well with #5a99b1?
Navy creates a grounded, professional pairing with #5a99b1, while warm coral adds lively contrast without overwhelming its dusty cyan base; white or black provide simple neutrals, but test combinations when the color carries text.
What mood and interface uses suit #5a99b1?
The cool, gray undertones of #5a99b1 create a refreshing, thoughtful mood that supports trust and clear communication, making it well suited to technology, aerospace, productivity tools, and other focused interfaces with a clean, modern feel.
Is #5a99b1 readable on white or black?
#5a99b1 has a 3.16:1 contrast ratio on white and 6.62: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.