#89B970 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, light green carries a gentle presence suitable for modern, friendly UI designs. The hex code #89b970 works best as a supporting accent rather than a dominant background, as its muted tone can feel washed out in large blocks. Pair it with dark charcoal text for high contrast readability, or use it alongside soft lavender to create a balanced, nature-inspired palette.
Questions about #89b970
What is #89b970 in RGB, HSL and CMYK?
In RGB, #89b970 is rgb(137, 185, 112), in HSL hsl(99, 34%, 58%) and in CMYK 26%, 0%, 39%, 27%.
What colors pair best with #89b970?
How should #89b970 be used in UI design?
Use #89b970 primarily as a supporting accent or decorative element rather than a dominant background color. Its muted tone can appear washed out if applied to large areas, so it serves best for buttons, icons, or subtle interface highlights that need to feel friendly and accessible.
Is #89b970 readable on white or black?
#89b970 has a 2.27:1 contrast ratio on white and 9.23:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.