#55006B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated violet carries a dim, moody intensity that anchors a palette. Because it is so dark, avoid using it for large background blocks where it might feel heavy. Instead, use #55006b as a sophisticated accent or for high-contrast UI elements. It pops against pale, icy grays rather than pure white. The hex code for this serious tone is #55006b.
Questions about #55006b
What is #55006b in RGB, HSL and CMYK?
In RGB, #55006b is rgb(85, 0, 107), in HSL hsl(288, 100%, 21%) and in CMYK 21%, 100%, 0%, 58%.
How should I use #55006b in UI design?
Use #55006b primarily for high-contrast elements like buttons, active states, or icons. Because it is so dark and saturated, it can overwhelm a layout if used for large blocks or full-screen backgrounds, so keep it strictly as an accent color.
What colors pair well with #55006b?
This violet pops best against neutral, icy backgrounds rather than pure white. Pair it with cool, desaturated tones or light grays to let the richness of the purple stand out without creating excessive visual tension in your design.
Is #55006b readable on white or black?
#55006b has a 13.13:1 contrast ratio on white and 1.59: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.