#576D68 Hex Color

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

Hex color #576d68 graphic
#576d68 is a dark, muted teal with ashy gray and green undertones. Its matte, low-saturation character brings subtlety and sophistication to wellness, healthcare, technology, and hospitality designs. Use it as a supporting tone beside warm ivory or muted coral, or for dark UI backgrounds. The hex code #576d68 provides about a 5.5:1 contrast ratio with white text.

Questions about #576d68

What is #576d68 in RGB, HSL and CMYK?
In RGB, #576d68 is rgb(87, 109, 104), in HSL hsl(166, 11%, 38%) and in CMYK 20%, 0%, 5%, 57%.
What colors pair well with #576d68?
#576d68 pairs well with warm ivory, muted coral, and soft terracotta because their warmth balances its cool, ashy teal character without overpowering its quiet, low-saturation mood in balanced palettes for interfaces and interiors.
Does #576d68 read as warm or cool?
#576d68 reads as a cool, subdued teal because its blue-green hue is softened by gray and low saturation, though warm neutrals beside it can make the overall palette feel more balanced and welcoming.
Where does #576d68 work well in a design?
#576d68 works well for dark UI backgrounds, secondary buttons, borders, and calm wellness or healthcare layouts, where its muted teal adds structure without bright visual noise in focused visual systems. Use lighter text and surfaces around it to keep interfaces readable.
Is #576d68 readable on white or black?
#576d68 has a 5.53:1 contrast ratio on white and 3.79: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.