#5957A1 Hex Color

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

Hex color #5957a1 graphic
This dusty indigo feels serious and muted, carrying a cool, shadowy character. Because it sits on the unsaturated side, #5957a1 works best as a steady background or a moody supporting element rather than a bright accent. Pair it with soft cream or warm metallics to ground its intensity. It provides enough contrast to support small white text for accessible UI designs.

Questions about #5957a1

What is #5957a1 in RGB, HSL and CMYK?
In RGB, #5957a1 is rgb(89, 87, 161), in HSL hsl(242, 30%, 49%) and in CMYK 45%, 46%, 0%, 37%.
What colors pair well with #5957a1 in a UI layout?
Soft creams and warm metallics are ideal partners for #5957a1 because they balance its cool, unsaturated nature without overpowering its moody character. Using a cream background can help ground this indigo shade while keeping your interface approachable and soft.
Is #5957a1 readable on white or black?
#5957a1 has a 6.35:1 contrast ratio on white and 3.30: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.