#5D8ADD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mid-tone blue carries a stable, reliable weight ideal for corporate branding or interface components. Because it is neither too dark nor too bright, #5d8add functions well as a supportive background color rather than a primary focus. Pair it with soft charcoals rather than pure white to avoid a washed-out appearance. The hex code for this shade is #5d8add.
Questions about #5d8add
What is #5d8add in RGB, HSL and CMYK?
In RGB, #5d8add is rgb(93, 138, 221), in HSL hsl(219, 65%, 62%) and in CMYK 58%, 38%, 0%, 13%.
What colors pair best with 5d8add?
Because 5d8add is a muted mid-tone, it avoids clashing when paired with charcoal or slate greys. Avoid placing it against pure white, as the contrast can feel washed out and lose the stability of the blue.
Is 5d8add appropriate for UI design?
Yes, 5d8add serves as an excellent, non-distracting background for dashboard components or navigation bars. Its unsaturated quality helps maintain focus on foreground elements, which is essential for professional, clean-looking interface designs.
Is #5d8add readable on white or black?
#5d8add has a 3.41:1 contrast ratio on white and 6.14: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.