#587F76 Hex Color

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

Hex color #587f76 graphic
#587f76 is a dusty, unsaturated teal with a matte finish. This muted tone provides a sense of understated sophistication, making it an ideal choice for wellness branding or clean digital interfaces. Because it maintains sufficient contrast against black text, it works well as a background color for readable copy. Pair this hex code with warm creams to prevent the palette from feeling too cold or sterile.

Questions about #587f76

What is #587f76 in RGB, HSL and CMYK?
In RGB, #587f76 is rgb(88, 127, 118), in HSL hsl(166, 18%, 42%) and in CMYK 31%, 0%, 7%, 50%.
What colors pair well with #587f76?
Warm creams and soft neutrals work best to balance the cool, dusty nature of #587f76 without making the palette feel sterile. You can also pair it with charcoal for high-contrast, professional text layouts or muted terra cotta to introduce a subtle, earthy contrast.
Can I use #587f76 as a primary text color?
Because #587f76 is a mid-tone color, it often fails to meet standard WCAG accessibility requirements for small body text against a white background. It functions much better as a color for interface headers, buttons, or background panels where high readability is less critical.
Is #587f76 readable on white or black?
#587f76 has a 4.45:1 contrast ratio on white and 4.71:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.