#20C997 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With a sharp, neon intensity, #20c997 cuts through muted palettes. This shade works best as a precise accent for buttons or icons rather than a large background. Pair it against dark grays for a balanced, modern interface. The hex code is #20c997, and it supports standard black text with excellent contrast, ensuring readability in UI applications.
Questions about #20c997
What is #20c997 in RGB, HSL and CMYK?
In RGB, #20c997 is rgb(32, 201, 151), in HSL hsl(162, 73%, 46%) and in CMYK 84%, 0%, 25%, 21%.
Where should I use #20c997 in a UI design?
#20c997 functions best as a high-contrast accent or action color rather than a primary background. Use it for call-to-action buttons, notification badges, or data visualization highlights to cut through muted interfaces and draw immediate user attention.
What colors pair well with #20c997?
Pair #20c997 against dark, neutral tones like charcoal or deep slate grays to create a balanced, modern aesthetic. Because of its neon intensity, keeping the surrounding palette desaturated ensures the color maintains its impact without overwhelming the interface.
Is #20c997 readable on white or black?
#20c997 has a 2.12:1 contrast ratio on white and 9.86: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.