#0050EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and intensely saturated, #0050eb commands immediate attention. This cool, luminous blue works best as a primary accent color for UI buttons or critical calls to action where readability is key. Because it is so dominant, avoid using it as a large-scale background, as it easily overwhelms a layout. Pair this hex code with crisp white text to maintain WCAG compliant contrast.
Questions about #0050eb
What is #0050eb in RGB, HSL and CMYK?
In RGB, #0050eb is rgb(0, 80, 235), in HSL hsl(220, 100%, 46%) and in CMYK 100%, 66%, 0%, 8%.
How should I use #0050eb in a user interface?
#0050eb functions best as a focused accent color rather than a dominant background tone. Use this vibrant blue for primary call-to-action buttons or clickable elements, ensuring you pair it with crisp white text to maintain high readability and WCAG accessibility standards.
What colors pair well with #0050eb?
Because #0050eb is so saturated, it balances well against neutral grounds like charcoal or light gray. For high-contrast interfaces, using it alongside clean white is the safest route, while complementary orange tones can create a dynamic, energetic visual pop.
Is #0050eb readable on white or black?
#0050eb has a 6.27:1 contrast ratio on white and 3.34:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.