#5081D8 Hex Color

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

Hex color #5081d8 graphic
Mid-toned and saturated, #5081d8 functions best as a primary interface color for tech and finance platforms. It conveys stability and professionalism without appearing overly corporate. Because this blue is cool and high-contrast, it holds black text legibly, making it safe for small UI buttons or labels. If you find it too vibrant, learn what colors make gray to dull it for a more muted palette.

Questions about #5081d8

What is #5081d8 in RGB, HSL and CMYK?
In RGB, #5081d8 is rgb(80, 129, 216), in HSL hsl(218, 64%, 58%) and in CMYK 63%, 40%, 0%, 15%.
How can I use #5081d8 effectively in web design?
#5081d8 works best as a primary action color or button highlight because its high saturation and cool undertones command attention against white or light gray backgrounds. It remains legible with black text, making it a reliable choice for functional UI labels.
What colors pair well with #5081d8?
Pair #5081d8 with a neutral slate or soft white to keep the interface clean and professional. For a more dynamic tech-focused palette, try adding a contrasting goldenrod accent, which creates visual balance while retaining the modern aesthetic of the primary blue.
Is #5081d8 readable on white or black?
#5081d8 has a 3.83:1 contrast ratio on white and 5.47: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.