#60677C Hex Color

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

Hex color #60677c graphic
This dusty, muted indigo leans heavily into grey, offering a serious and restrained tone. It functions best as a dark UI background, providing ample contrast for white text, which clears at a 5.6:1 ratio. Use it to ground modern interfaces, but avoid small, fine text where it may appear muddy. The hex code for this ashy blue is #60677c, a stable base for professional, tech-focused palettes.

Questions about #60677c

What is #60677c in RGB, HSL and CMYK?
In RGB, #60677c is rgb(96, 103, 124), in HSL hsl(225, 13%, 43%) and in CMYK 23%, 17%, 0%, 51%.
Does #60677c work well for UI backgrounds?
#60677c is an excellent choice for dark UI backgrounds because it provides a grounded, stable base that avoids the harshness of pure black. Its muted, ashy quality ensures that white text remains readable, maintaining a sufficient contrast ratio for clean, professional layouts.
What colors pair well with #60677c?
This indigo works effectively with crisp whites or very light grays to maximize readability in interface design. For accent colors, it balances well against soft coral or muted gold, which provide a necessary brightness to lift the serious, restrained tone of the base.
Is #60677c readable on white or black?
#60677c has a 5.63:1 contrast ratio on white and 3.72: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.