#5D82D0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mid-tone blue carries a cool, reliable presence without feeling overly saturated. Because it provides sufficient contrast for readability, it works well for UI buttons or functional text against lighter backdrops. The hex code for this shade is #5d82d0. It pairs beautifully with soft creams or warm grays to soften its corporate, clinical edge, preventing it from appearing too flat or sterile in your layouts.
Questions about #5d82d0
What is #5d82d0 in RGB, HSL and CMYK?
In RGB, #5d82d0 is rgb(93, 130, 208), in HSL hsl(221, 55%, 59%) and in CMYK 55%, 38%, 0%, 18%.
Does #5d82d0 work well as a primary interface color?
Yes, #5d82d0 functions effectively as a primary button or accent color because it carries enough saturation to be distinct without causing eye strain. It provides high enough contrast against white backgrounds to meet basic accessibility standards for interactive elements.
What colors pair well with #5d82d0 in a design system?
To ground the coolness of #5d82d0, pair it with soft neutrals like cream or light warm gray. These pairings prevent the blue from feeling too clinical or flat, adding a necessary warmth that balances the overall visual weight of your layout.
Is #5d82d0 readable on white or black?
#5d82d0 has a 3.77:1 contrast ratio on white and 5.56: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.