#5D7ED8 Hex Color

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

Hex color #5d7ed8 graphic
This saturated, cool blue communicates reliability and security, making it a common choice for financial and government UI. The hex code for this shade is #5d7ed8. Because it maintains strong contrast with black text at 5.4:1, you can use it confidently for actionable interface elements. It performs best as a secondary accent color rather than a dominant background, as its intensity often overwhelms large design spaces.

Questions about #5d7ed8

What is #5d7ed8 in RGB, HSL and CMYK?
In RGB, #5d7ed8 is rgb(93, 126, 216), in HSL hsl(224, 61%, 61%) and in CMYK 57%, 42%, 0%, 15%.
Where should I use #5d7ed8 in a user interface?
#5d7ed8 works best as a secondary accent color rather than a dominant background because its high saturation can overwhelm large design spaces. It provides excellent readability for buttons and actionable elements, especially when paired with dark text to maintain its crisp, professional appearance.
Is #5d7ed8 readable on white or black?
#5d7ed8 has a 3.85:1 contrast ratio on white and 5.44: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.