#5532AD Hex Color

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

Hex color #5532ad graphic
#5532ad is a rich, saturated violet with a serious, moody weight. Because it is quite dark, this color functions best as a dominant background or a bold container for high-contrast white typography. While its intensity commands attention, it can feel overwhelming in large blocks, so use it sparingly in UI interfaces. The hex code for this deep shade is #5532ad.

Questions about #5532ad

What is #5532ad in RGB, HSL and CMYK?
In RGB, #5532ad is rgb(85, 50, 173), in HSL hsl(257, 55%, 44%) and in CMYK 51%, 71%, 0%, 32%.
How should I use #5532ad in a web interface?
#5532ad works best as a primary action color or a vibrant container background rather than a main body text color. Because of its dark intensity, pair it with crisp white or off-white text to maintain high readability and visual impact.
What colors pair well with #5532ad for a palette?
This deep violet balances beautifully against soft, neutral grays or a warm cream to mute its intensity. For a more adventurous scheme, complement its depth with a vibrant lime or soft peach to create dynamic, high-energy contrast.
Is #5532ad readable on white or black?
#5532ad has a 8.58:1 contrast ratio on white and 2.44: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.