#505AF3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo is intense and commands immediate attention. Because it is highly vivid, #505af3 works best as a sharp accent or a call to action rather than a full background. It pairs exceptionally well with muted grays or crisp white text, which remains readable against its bold chroma. The hex code for this electric shade is #505af3.
Questions about #505af3
What is #505af3 in RGB, HSL and CMYK?
In RGB, #505af3 is rgb(80, 90, 243), in HSL hsl(236, 87%, 63%) and in CMYK 67%, 63%, 0%, 5%.
How can I effectively use #505af3 in UI design?
Use #505af3 as a sharp call-to-action or primary accent rather than a background, as its high saturation can overwhelm the eye. It pairs beautifully with neutral backgrounds like charcoal or stark white, ensuring readability while maintaining a modern, electric aesthetic.
Is #505af3 readable on white or black?
#505af3 has a 5.12:1 contrast ratio on white and 4.09: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.