#5DACD2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5dacd2 is a soft, cool blue with moderate lightness and muted saturation, giving layouts a gentle, youthful feel. It suits healthcare, finance, security, and spring-themed designs as a supporting tone or broad UI background. Pair it with warm cream or charcoal for readable contrast. Black text reaches about 8.3:1 contrast, meeting WCAG AA for body copy. The hex code is #5dacd2.
Questions about #5dacd2
What is #5dacd2 in RGB, HSL and CMYK?
In RGB, #5dacd2 is rgb(93, 172, 210), in HSL hsl(199, 57%, 59%) and in CMYK 56%, 18%, 0%, 18%. Browse more shades of blue with names and hex codes.
What colors pair well with #5dacd2?
#5dacd2 pairs well with warm cream for a gentle, welcoming palette, while charcoal adds stronger contrast and structure; navy can deepen the scheme without losing its cool, clean character. Use cream for broad backgrounds and charcoal for text or key interface elements.
Is #5dacd2 warm or cool, and where does it work best?
#5dacd2 reads as a cool blue because its blue hue and muted saturation create a calm, airy impression. It works well for healthcare interfaces, finance dashboards, security products, and broad UI backgrounds that need a gentle supporting tone.
Is #5dacd2 readable on white or black?
#5dacd2 has a 2.53:1 contrast ratio on white and 8.29: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.