#20A39E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan carries a distinct cool undertone that feels clean and composed. Because it provides strong contrast with black text, #20a39e works well for UI buttons or functional icons where readability matters. Avoid using it as a full-page background, as its intensity can overwhelm. Pair it with soft, warm grays to balance its sharp energy. The hex code for this shade is #20a39e.
Questions about #20a39e
What is #20a39e in RGB, HSL and CMYK?
In RGB, #20a39e is rgb(32, 163, 158), in HSL hsl(178, 67%, 38%) and in CMYK 80%, 0%, 3%, 36%.
What colors pair well with #20a39e for UI design?
This cyan works best when paired with neutral, warm grays or a deep charcoal to ground its intensity. Using #20a39e alongside soft off-whites creates a clean, modern aesthetic while maintaining high readability for functional interface elements like buttons or notification icons.
Is #20a39e suitable for large background areas?
Using #20a39e as a full-page background often creates too much visual vibration and can overwhelm the user's eyes. It is much more effective when reserved for focused, high-contrast UI accents or functional icons that require immediate user attention.
Is #20a39e readable on white or black?
#20a39e has a 3.09:1 contrast ratio on white and 6.79: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.