#5C86E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5c86e0 is a saturated, mid-tone blue with a cool, clinical sharpness. It projects stability and technical competence, making it a standard choice for corporate UI elements or reliable iconography. While it functions well as a primary brand color, it can overwhelm larger backgrounds. Pair it with soft, warm grays to temper its intensity. The hex code for this blue is #5c86e0.
Questions about #5c86e0
What is #5c86e0 in RGB, HSL and CMYK?
In RGB, #5c86e0 is rgb(92, 134, 224), in HSL hsl(221, 68%, 62%) and in CMYK 59%, 40%, 0%, 12%.
What colors pair well with #5c86e0 for web design?
#5c86e0 works best when balanced against neutral tones that temper its clinical intensity. Use it alongside a soft warm gray or a crisp off-white to maintain readability while keeping the interface feeling clean, stable, and highly professional.
Is #5c86e0 suitable for primary brand elements?
Yes, this color is an excellent choice for primary branding when you need to project technical competence and stability. Because it is quite saturated, avoid using it as a massive background fill, as it can overwhelm the user experience.
Is #5c86e0 readable on white or black?
#5c86e0 has a 3.53:1 contrast ratio on white and 5.94: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.