#5322C6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated violet acts as a strong, moody base for dark interface designs. Because it is quite deep, white text provides excellent readability against it. Avoid using #5322c6 for fine text in very small sizes, as it can lose clarity. This hex code works best when paired with pale, neon accents to create a high-contrast, modern aesthetic rather than relying on it for large blocks of copy.
Questions about #5322c6
What is #5322c6 in RGB, HSL and CMYK?
In RGB, #5322c6 is rgb(83, 34, 198), in HSL hsl(258, 71%, 45%) and in CMYK 58%, 83%, 0%, 22%. Browse more shades of purple with names and hex codes.
Does #5322c6 work well for body text?
Avoid using #5322c6 for body text or fine details because the color is quite deep and saturated. When used at small sizes, it can lose clarity and readability, making it better suited for bold UI elements or accent backgrounds.
What colors pair best with #5322c6?
This violet pairs best with pale, neon accents or high-contrast neutrals to maintain a modern aesthetic. It creates a striking, balanced look when placed against a clean white background or when used to highlight specific UI components in dark mode.
Is #5322c6 readable on white or black?
#5322c6 has a 8.70:1 contrast ratio on white and 2.41: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.