#506AF3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#506af3 is a bold, electric blue that commands attention. This saturated shade balances high-energy intensity with professional reliability, making it effective for call-to-action buttons or modern tech interfaces. It brings a loud, brilliant presence to branding and design projects while maintaining a sense of structure and logic. The hex code for this cool, indigo-toned blue is #506af3.
Questions about #506af3
What is #506af3 in RGB, HSL and CMYK?
In RGB, #506af3 is rgb(80, 106, 243), in HSL hsl(230, 87%, 63%) and in CMYK 67%, 56%, 0%, 5%.
How should I use this electric blue in digital design?
Use this specific blue for interactive UI elements like primary call-to-action buttons because its high saturation naturally draws the eye. Its professional tone ensures readability and maintains a modern aesthetic when paired with clean, neutral backgrounds or white space.
What colors pair well with this electric shade?
Balance this intense blue with soft, neutral greys or crisp whites to prevent the color from overwhelming your composition. If you need a more dynamic scheme, pair it with complementary orange tones to create a high-contrast, energetic visual rhythm.
Is #506af3 readable on white or black?
#506af3 has a 4.47:1 contrast ratio on white and 4.69: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.