#5A17AB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated violet carries a heavy, serious weight. Because it is quite dark, #5a17ab works best as a primary branding color or a bold background for high-contrast UI elements. White text remains perfectly legible against this shade, offering a 9.8:1 contrast ratio. Use it sparingly, as its deep, moody character can easily overwhelm smaller interface components if used without restraint.
Questions about #5a17ab
What is #5a17ab in RGB, HSL and CMYK?
In RGB, #5a17ab is rgb(90, 23, 171), in HSL hsl(267, 76%, 38%) and in CMYK 47%, 87%, 0%, 33%.
How should I use #5a17ab in user interface design?
#5a17ab works best as a primary branding color or a bold background element rather than a dominant UI component. Because of its dark and moody character, you should use it sparingly to avoid overwhelming your layout while maintaining strong contrast.
Is #5a17ab readable on white or black?
#5a17ab has a 9.78:1 contrast ratio on white and 2.14: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.