#5899EF Hex Color

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

Hex color #5899ef graphic
This vivid, mid-tone blue carries a crisp, cold energy that feels dependable and professional. It works well for corporate UI elements like buttons or notification badges where clarity is a priority. While it pairs nicely with slate grays, avoid using it as a large-scale background as the saturation can overwhelm the eye. The hex code for this blue is #5899ef.

Questions about #5899ef

What is #5899ef in RGB, HSL and CMYK?
In RGB, #5899ef is rgb(88, 153, 239), in HSL hsl(214, 83%, 64%) and in CMYK 63%, 36%, 0%, 6%.
What design elements work best with #5899ef?
#5899ef functions best as an accent color for UI components like primary action buttons, notification badges, or icon highlights. Because of its high saturation, it is often too visually intense for large backgrounds or body text areas.
Does #5899ef pair well with neutrals?
This vibrant blue creates a clean, corporate aesthetic when paired with slate or charcoal grays. These neutral tones ground the brightness of #5899ef, balancing its cool energy without competing for attention on the screen.
Is #5899ef readable on white or black?
#5899ef has a 2.90:1 contrast ratio on white and 7.21:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.