#5A1A93 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet is deep and dim, casting a serious, moody shadow. Because of its intensity, #5a1a93 works best as a primary branding color or an accent rather than a large background. It pairs exceptionally well with muted gold tones to highlight its royal undertones. For accessibility, this hex code provides strong contrast against white text for readable interface design.
Questions about #5a1a93
What is #5a1a93 in RGB, HSL and CMYK?
In RGB, #5a1a93 is rgb(90, 26, 147), in HSL hsl(272, 70%, 34%) and in CMYK 39%, 82%, 0%, 42%.
How can I use #5a1a93 effectively in interface design?
#5a1a93 is best utilized as a primary accent color for buttons, links, or specific UI call-to-action elements rather than a full background. Its intensity provides a high-contrast foundation for white text, ensuring your designs remain accessible and readable for users.
Which color palettes complement the depth of #5a1a93?
Is #5a1a93 readable on white or black?
#5a1a93 has a 10.48:1 contrast ratio on white and 2.00: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 is too faint for text. Try other pairs in the contrast checker.