#5E93ED Hex Color

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

Hex color #5e93ed graphic
#5e93ed is a saturated, cool blue that communicates stability and professionalism. Because it feels reliable, this shade works best as a primary interface color in tech and finance applications. It provides excellent contrast with black text for readability. If you need to mute this vivid tone for complex layouts, mixing gray helps ground the color, making the hex code #5e93ed less overwhelming in large backgrounds.

Questions about #5e93ed

What is #5e93ed in RGB, HSL and CMYK?
In RGB, #5e93ed is rgb(94, 147, 237), in HSL hsl(218, 80%, 65%) and in CMYK 60%, 38%, 0%, 7%.
What makes #5e93ed suitable for interface design?
This shade provides excellent readability against black text, making it a reliable choice for primary buttons or navigation elements. Its cool, saturated nature suggests stability, which aligns well with the professional requirements of financial or technical web applications.
How can I mute #5e93ed for a more subtle look?
Mixing this vibrant blue with a neutral gray tone effectively grounds the color, reducing its intensity for larger background areas. This adjustment maintains the professional aesthetic while preventing the saturation from becoming overwhelming in complex layouts.
Is #5e93ed readable on white or black?
#5e93ed has a 3.05:1 contrast ratio on white and 6.87: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.