#5F85E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5f85e3 is a saturated, cool blue that carries a professional, stable weight. It functions as a strong brand accent or reliable UI button. Since black text reads clearly on this color with a 6.0:1 contrast, it remains accessible for most applications. When learning what colors make gray, consider how this blue interacts with neutral palettes. The hex code is #5f85e3.
Questions about #5f85e3
What is #5f85e3 in RGB, HSL and CMYK?
In RGB, #5f85e3 is rgb(95, 133, 227), in HSL hsl(223, 70%, 63%) and in CMYK 58%, 41%, 0%, 11%.
What colors pair best with #5f85e3 in UI design?
#5f85e3 works effectively when paired with high-contrast neutrals like charcoal or crisp white to maintain readability. For a balanced, professional palette, you can introduce soft complementary accents such as a desaturated terracotta or a muted gold to create visual interest.
Is #5f85e3 readable on white or black?
#5f85e3 has a 3.52:1 contrast ratio on white and 5.95: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.