#5A006B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, dark violet feels moody and structured. Because it is highly saturated, #5a006b works best as an accent color rather than a dominant background. Pair it with soft cream or pale gray to balance the intensity. White text reads clearly against this hex code, making it a solid choice for bold typography or UI highlights.
Questions about #5a006b
What is #5a006b in RGB, HSL and CMYK?
In RGB, #5a006b is rgb(90, 0, 107), in HSL hsl(290, 100%, 21%) and in CMYK 16%, 100%, 0%, 58%.
What colors pair best with #5a006b in a design layout?
This deep violet balances best when paired with neutral, lighter tones like cream or pale gray. Using these soft neutrals prevents the high saturation of #5a006b from overwhelming your interface, while white text ensures high readability for typography.
Is #5a006b suitable for large background areas?
Because #5a006b is a highly saturated and dark violet, it is usually better as an accent color rather than a primary background. It works well for interactive highlights, buttons, or navigation bars where you need to draw the user's eye.
Is #5a006b readable on white or black?
#5a006b has a 12.75:1 contrast ratio on white and 1.64: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.