#5C6077 Hex Color

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

Hex color #5c6077 graphic
This dusty, unsaturated indigo feels serious and grounded. With its matte, inky finish, hex code #5c6077 functions best as a moody background or a supporting structural tone. Avoid using it for fine text where readability is paramount, but pair it with warm creams or soft apricots for a sophisticated contrast. It brings a sense of calm order to digital interfaces.

Questions about #5c6077

What is #5c6077 in RGB, HSL and CMYK?
In RGB, #5c6077 is rgb(92, 96, 119), in HSL hsl(231, 13%, 41%) and in CMYK 23%, 19%, 0%, 53%.
What colors pair best with #5c6077?
This unsaturated indigo thrives when paired with warm, creamy neutrals like ivory or soft, sun-drenched apricot. These warmer tones prevent the inky depth of #5c6077 from feeling too cold or sterile in a interface layout.
Is #5c6077 suitable for body text?
Avoid using #5c6077 for body text because its muted saturation often lacks the necessary contrast against light backgrounds for comfortable long-form reading. It functions significantly better as a structural element, such as a moody sidebar or header background.
Is #5c6077 readable on white or black?
#5c6077 has a 6.18:1 contrast ratio on white and 3.39: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.