#552B96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#552b96 is a deep, saturated violet with a serious and moody character. Because it sits on the darker end of the spectrum, it creates a grounded, sophisticated base for modern UI designs. White text offers excellent legibility against this shade, achieving a high contrast ratio of 9.7:1. Use this hex code as a primary background color to anchor bold, high-contrast layouts.
Questions about #552b96
What is #552b96 in RGB, HSL and CMYK?
In RGB, #552b96 is rgb(85, 43, 150), in HSL hsl(264, 55%, 38%) and in CMYK 43%, 71%, 0%, 41%.
What colors pair well with #552b96 in a design?
Use #552b96 alongside crisp, neutral tones like off-white or soft silver to maximize legibility without losing the violet intensity. For a more sophisticated palette, introduce a muted mustard yellow or a subtle mint green as an accent color for call-to-action buttons.
Is #552b96 readable on white or black?
#552b96 has a 9.66:1 contrast ratio on white and 2.17: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.