#6170AA Hex Color

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

Hex color #6170aa graphic
This cool, muted indigo feels dusty and serious, making it a solid choice for corporate interfaces or structured design systems. Because it sits at a balanced mid-tone, it offers excellent readability when paired with white text. Use #6170aa as a dominant background color in professional apps where a sense of order is needed. It avoids the harshness of pure blue by keeping its saturation low.

Questions about #6170aa

What is #6170aa in RGB, HSL and CMYK?
In RGB, #6170aa is rgb(97, 112, 170), in HSL hsl(228, 30%, 52%) and in CMYK 43%, 34%, 0%, 33%.
How does #6170aa perform in professional UI design?
#6170aa functions as a highly stable, balanced background color that avoids the intensity of pure blue, keeping interfaces feeling orderly and focused. It provides high contrast with white text, which ensures that complex data layouts remain readable without causing eye fatigue for daily users.
What colors pair well with the dusty indigo of #6170aa?
#6170aa looks best when balanced by high-contrast neutrals like crisp white or a very light cool gray to maintain its professional aesthetic. For accent colors, it works surprisingly well with soft mustard or muted coral tones that provide enough warmth to counter its inherent coolness.
Is #6170aa readable on white or black?
#6170aa has a 4.76:1 contrast ratio on white and 4.40: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.