#5F8DE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5f8de2 is a cool, muted blue that balances professional detachment with approachable clarity. It provides enough contrast to support black text, making it a reliable choice for UI components in finance or tech applications. Because it leans unsaturated, this shade avoids feeling too juvenile or loud. Designers often use it to establish authority, though it can feel washed out when paired with light gray backgrounds without mixing gray properly.
Questions about #5f8de2
What is #5f8de2 in RGB, HSL and CMYK?
In RGB, #5f8de2 is rgb(95, 141, 226), in HSL hsl(219, 69%, 63%) and in CMYK 58%, 38%, 0%, 11%.
What colors pair best with #5f8de2 in a UI design?
Pair #5f8de2 with charcoal for high-contrast text or a crisp off-white to keep the interface looking clean and modern. This combination ensures readability while maintaining the professional, tech-forward aesthetic that this specific blue shade is known for.
Is #5f8de2 readable on white or black?
#5f8de2 has a 3.28:1 contrast ratio on white and 6.39: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.