#5A187A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5a187a is a deep, saturated violet with a dim, serious character. It carries a sense of mystery and structure, making it ideal for moody UI backgrounds or high-end branding. Because this dark tone offers excellent contrast with white text, it works well for readable body copy. The hex code for this cool, intense shade is #5a187a.
Questions about #5a187a
What is #5a187a in RGB, HSL and CMYK?
In RGB, #5a187a is rgb(90, 24, 122), in HSL hsl(280, 67%, 29%) and in CMYK 26%, 80%, 0%, 52%.
How can I use #5a187a effectively in UI design?
This deep violet works exceptionally well as a primary background color for high-end interfaces because it creates a strong, serious foundation. Use crisp white or light cream text over #5a187a to maintain high readability and a luxurious, modern aesthetic throughout your application.
Which color combinations pair best with #5a187a?
To create a balanced and professional palette, pair #5a187a with cream or soft beige to soften its intensity. For a more dramatic, high-contrast effect, integrate accents of bright teal or mustard yellow to make the deep violet tones pop.
Is #5a187a readable on white or black?
#5a187a has a 11.37:1 contrast ratio on white and 1.84: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.