#5084E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense blue is bold and high-energy, making it a standout choice for digital interfaces and calls to action. The hex code for this color is #5084e5. It functions best as an accent rather than a full background, as it can overwhelm the eye. Pair it with dark charcoal text to ensure maximum readability and professional contrast for UI components.
Questions about #5084e5
What is #5084e5 in RGB, HSL and CMYK?
In RGB, #5084e5 is rgb(80, 132, 229), in HSL hsl(219, 74%, 61%) and in CMYK 65%, 42%, 0%, 10%.
What is the best way to use #5084e5 in web design?
Use #5084e5 sparingly as a call-to-action button or a strategic UI accent rather than a background color. Its high intensity can quickly overwhelm users if applied to large areas, so pair it with charcoal text to ensure the contrast remains accessible and professional.
Is #5084e5 readable on white or black?
#5084e5 has a 3.63:1 contrast ratio on white and 5.77: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.