#5762A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted indigo offers a dusty, unsaturated appearance that feels cool and grounded. Because of its matte quality, #5762a2 works best as a supporting tone rather than a dominant background. Pair it with soft creams or warm grays to prevent the color from feeling too cold. It provides sufficient contrast for body text, making it a reliable choice for UI designs needing a structured, calm atmosphere.
Questions about #5762a2
What is #5762a2 in RGB, HSL and CMYK?
In RGB, #5762a2 is rgb(87, 98, 162), in HSL hsl(231, 30%, 49%) and in CMYK 46%, 40%, 0%, 36%. Browse more shades of blue with names and hex codes.
What colors pair best with #5762a2 for professional interfaces?
#5762a2 works beautifully when balanced with soft creams or warm grays to counteract its cool, matte nature. Using a neutral off-white or a light taupe allows this muted indigo to function as a stable, structured base without feeling too heavy.
Is #5762a2 suitable for body text or UI components?
Yes, #5762a2 provides sufficient contrast against light backgrounds, making it a reliable choice for UI readability. Its unsaturated tone maintains clarity, ensuring text remains legible while offering a softer, more sophisticated alternative to standard dark navy or harsh black.
Is #5762a2 readable on white or black?
#5762a2 has a 5.71:1 contrast ratio on white and 3.67: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.