#5C80E6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5c80e6 is a bright, strongly saturated blue with a cool, slightly violet undertone. Its clear intensity suggests energy and reliability, making it effective for technology, finance, healthcare, and security interfaces. Use this blue as a call-to-action or small accent against white or deep navy. The hex code #5c80e6 supports black text at about a 5.7:1 contrast ratio.
Questions about #5c80e6
What is #5c80e6 in RGB, HSL and CMYK?
In RGB, #5c80e6 is rgb(92, 128, 230), in HSL hsl(224, 73%, 63%) and in CMYK 60%, 44%, 0%, 10%.
What colors pair well with #5c80e6?
#5c80e6 pairs well with white and deep navy for crisp contrast, while pale blue supports a softer monochromatic scheme. Add charcoal for readable text when a dark neutral feels less stark than black.
Where does #5c80e6 work best in a design?
The bright, cool blue tone of #5c80e6 suits buttons, links, dashboards, and small interface accents where clarity, energy, and reliability matter. Use it sparingly against white or deep navy so its saturation stays focused rather than overwhelming.
Is #5c80e6 readable on white or black?
#5c80e6 has a 3.69:1 contrast ratio on white and 5.68: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.