#5AA2E0 Hex Color

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

Hex color #5aa2e0 graphic
With its cool, moderately muted blue and light value, #5aa2e0 feels dependable without becoming heavy. The hex code suits security, finance, healthcare, and technology interfaces, especially as a supporting tone beside navy or charcoal. Use black text for strong readability, with about a 7.7:1 contrast ratio. It works better as a panel or accent than a full brand color.

Questions about #5aa2e0

What is #5aa2e0 in RGB, HSL and CMYK?
In RGB, #5aa2e0 is rgb(90, 162, 224), in HSL hsl(208, 68%, 62%) and in CMYK 60%, 28%, 0%, 12%. Browse more shades of blue with names and hex codes.
What colors pair well with #5aa2e0?
#5aa2e0 pairs well with navy, charcoal, and soft white, which anchor its light, cool blue while preserving clear visual hierarchy in dashboards, healthcare layouts, and technology interfaces.
Is #5aa2e0 warm or cool?
#5aa2e0 reads as a cool blue because its hue leans toward cyan rather than violet, while its moderate saturation keeps the effect calm rather than vivid or energetic in most interfaces.
Is #5aa2e0 readable on white or black?
#5aa2e0 has a 2.73:1 contrast ratio on white and 7.67: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.