#505AC2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#505ac2 is a punchy, high-energy indigo that commands attention. Because it is so saturated, use it as a strategic accent color rather than a primary background to avoid overwhelming a layout. It pairs well with crisp oranges or warm, muted earth tones if you are mixing gray into your palette. This hex code provides strong readability against white text, making it effective for bold UI buttons.
Questions about #505ac2
What is #505ac2 in RGB, HSL and CMYK?
In RGB, #505ac2 is rgb(80, 90, 194), in HSL hsl(235, 48%, 54%) and in CMYK 59%, 54%, 0%, 24%.
What colors pair well with the #505ac2 indigo?
Use #505ac2 alongside crisp oranges to create a high-contrast, energetic visual balance that feels modern and intentional. For a more sophisticated or muted palette, lean into warm, earthy neutrals like terracotta or sand to ground the saturation of this punchy indigo.
Is #505ac2 suitable for primary text on websites?
#505ac2 is often too intense and saturated for large blocks of body text, which can cause eye fatigue over time. It is much more effective when reserved for call-to-action buttons, interactive links, or distinct graphical elements that need to pop.
Is #505ac2 readable on white or black?
#505ac2 has a 5.86:1 contrast ratio on white and 3.58: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.