#20AA87 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#20aa87 is a cool, unsaturated teal that leans toward a muted emerald. This shade offers excellent readability with black text, making it a strong choice for body copy in healthcare or wellness UI designs. As a hex code, #20aa87 functions best as a supporting tone rather than a dominant background, as its muted quality can feel overwhelming in large blocks. Pair it with soft grays to maintain balance.
Questions about #20aa87
What is #20aa87 in RGB, HSL and CMYK?
In RGB, #20aa87 is rgb(32, 170, 135), in HSL hsl(165, 68%, 40%) and in CMYK 81%, 0%, 21%, 33%.
How should I use #20aa87 in a user interface?
Because #20aa87 is a muted tone, it functions best as a secondary or accent color rather than a dominant background. It provides excellent readability when paired with deep charcoal text, making it a reliable choice for clinical or professional wellness digital products.
What colors pair well with #20aa87 for a balanced palette?
Is #20aa87 readable on white or black?
#20aa87 has a 2.93:1 contrast ratio on white and 7.16: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.