#5AA2DD Hex Color

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

Hex color #5aa2dd graphic
This cool, unsaturated blue conveys steady professionalism without feeling clinical. Because it balances brightness with a muted tone, #5aa2dd works well as a primary color for financial or security branding. Designers should pair it with high-contrast black text for readability. While it feels corporate, you can soften the look by mixing gray into the palette to achieve a more modern, grounded aesthetic.

Questions about #5aa2dd

What is #5aa2dd in RGB, HSL and CMYK?
In RGB, #5aa2dd is rgb(90, 162, 221), in HSL hsl(207, 66%, 61%) and in CMYK 59%, 27%, 0%, 13%.
Where does #5aa2dd work best in a design?
#5aa2dd is a perfect primary hue for financial institutions or security-focused software because it communicates trust and reliability. It remains legible against white backgrounds, making it an excellent choice for headers, call-to-action buttons, or primary navigation elements in professional applications.
What colors pair well with #5aa2dd?
To maintain a clean and modern aesthetic, pair #5aa2dd with charcoal for high-contrast typography or crisp white for a minimalist look. If you need to soften the corporate edge, introducing accents in a muted slate or soft silver helps ground the brightness.
Is #5aa2dd readable on white or black?
#5aa2dd has a 2.74:1 contrast ratio on white and 7.64:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.