#5553A9 Hex Color

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

Hex color #5553a9 graphic
This cool, muted indigo carries a somber weight, making it well-suited for moody, atmospheric design projects. The hex code #5553a9 serves best as a supporting tone or accent rather than a primary background, where its desaturated character can appear somewhat muddy. White text renders with excellent readability against this shade, ensuring clarity in high-contrast layouts. Pair it with soft creams for a sophisticated, balanced palette.

Questions about #5553a9

What is #5553a9 in RGB, HSL and CMYK?
In RGB, #5553a9 is rgb(85, 83, 169), in HSL hsl(241, 34%, 49%) and in CMYK 50%, 51%, 0%, 34%. Browse more shades of purple with names and hex codes.
How can I use #5553a9 effectively in a layout?
#5553a9 functions best as an atmospheric accent color rather than a dominant background, where its desaturated nature might feel heavy. Use it to ground your composition or draw the eye toward specific UI elements while keeping backgrounds light for contrast.
Which color combinations work well with #5553a9?
Soft creams and off-whites provide a balanced, sophisticated contrast against the cool depth of #5553a9. You can also pair it with warm beige or muted taupe tones to soften its somber weight and create a more approachable, cohesive palette for moody interfaces.
Is #5553a9 readable on white or black?
#5553a9 has a 6.56:1 contrast ratio on white and 3.19: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.