#5A36F7 Hex Color

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

Hex color #5a36f7 graphic
#5a36f7 is an electric, highly saturated indigo that demands attention. Because of its intensity, it functions best as a 10% accent color rather than a large background. It pairs well with sharp lime greens or clean grays. White text remains clearly readable against this hex code, ensuring accessibility in UI design. Use this shade sparingly to inject instant energy into digital interfaces.

Questions about #5a36f7

What is #5a36f7 in RGB, HSL and CMYK?
In RGB, #5a36f7 is rgb(90, 54, 247), in HSL hsl(251, 92%, 59%) and in CMYK 64%, 78%, 0%, 3%. Browse more shades of purple with names and hex codes.
How should I use #5a36f7 in interface design?
#5a36f7 is best utilized as a tactical accent color occupying no more than 10% of your screen space. Because of its extreme saturation, it creates immediate visual hierarchy for call-to-action buttons or highlights without overwhelming the user interface.
Which color palettes pair naturally with #5a36f7?
Pair #5a36f7 with lime greens to create a high-contrast, youthful energy, or lean into charcoal for a more sophisticated, grounded look. These combinations ensure the vibrant indigo remains the focal point while maintaining excellent readability against clean, neutral backgrounds.
Is #5a36f7 readable on white or black?
#5a36f7 has a 6.35:1 contrast ratio on white and 3.30: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.