#5A6EF9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5a6ef9 graphic
Reach for #5a6ef9 when a call to action needs to shout. This saturated indigo is bright and cool, with enough punch to carry buttons and links without tipping into neon. Black text clears WCAG AA on it, so it holds up behind small type. The hex code also suits creative brands and night sky themes, though full backgrounds can overwhelm.

Questions about #5a6ef9

What is #5a6ef9 in RGB, HSL and CMYK?
In RGB, #5a6ef9 is rgb(90, 110, 249), in HSL hsl(232, 93%, 66%) and in CMYK 64%, 56%, 0%, 2%.
What colors pair well with #5a6ef9?
Warm oranges and ambers give #5a6ef9 the strongest contrast because they sit opposite it on the wheel. For a calmer palette, try charcoal, cream, or a muted sage.
Where does #5a6ef9 work best in a design?
Treat it as the 10 percent accent: buttons, links, and highlights. Full screens of it feel loud, so most designs set it against neutral or dark surfaces.
Is #5a6ef9 readable on white or black?
#5a6ef9 has a 4.17:1 contrast ratio on white and 5.03: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.