#5A8E77 Hex Color

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

Hex color #5a8e77 graphic
#5a8e77 is a muted, ashy teal with a matte quality that feels grounded rather than vibrant. This cool tone works well as a background for wellness or tech interfaces because it avoids visual noise. It provides a 5.6:1 contrast ratio against black text, comfortably passing WCAG AA standards for body copy. Pair this hex code with warm, sandy neutrals to prevent the design from feeling too clinical.

Questions about #5a8e77

What is #5a8e77 in RGB, HSL and CMYK?
In RGB, #5a8e77 is rgb(90, 142, 119), in HSL hsl(153, 22%, 45%) and in CMYK 37%, 0%, 16%, 44%.
What colors pair best with #5a8e77?
Warm, sandy neutrals work best to balance the cool, ashy nature of #5a8e77. Pairing it with a soft sand or a warm cream prevents the design from feeling too clinical, creating a sophisticated and grounded aesthetic for user interfaces.
Is #5a8e77 readable on white or black?
#5a8e77 has a 3.76:1 contrast ratio on white and 5.57: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.