#5AACF1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5aacf1 is a light, cool blue with a clean cyan cast and fairly strong saturation. Its soft, youthful appearance suits healthcare, finance, technology, and spring-themed designs. Use it as a dominant UI background or supporting brand color, pairing it with navy or warm coral for contrast. The hex code #5aacf1 supports readable black body text at about 8.6:1 contrast.
Questions about #5aacf1
What is #5aacf1 in RGB, HSL and CMYK?
In RGB, #5aacf1 is rgb(90, 172, 241), in HSL hsl(207, 84%, 65%) and in CMYK 63%, 29%, 0%, 5%.
What colors pair well with #5aacf1?
Navy provides strong grounding contrast for #5aacf1, while warm coral adds a lively counterpoint; soft white keeps the palette light, and pale or deeper blue supports a calm monochromatic scheme.
Is #5aacf1 warm or cool?
#5aacf1 reads as a cool blue because its clean cyan cast pulls it toward blue-green; its strong saturation gives interfaces a fresh, youthful, trustworthy mood without the heaviness of darker blues.
Is #5aacf1 readable on white or black?
#5aacf1 has a 2.44:1 contrast ratio on white and 8.60: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.