#20AA60 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This punchy, high-chroma green demands attention with its intense, saturated pigment. Because #20aa60 is so loud, it functions best as an accent color for calls to action or UI highlights rather than a full background. Pair it with dark grays to ground the brightness, as it easily overwhelms softer tones. The hex code for this bold, grassy shade is #20aa60.
Questions about #20aa60
What is #20aa60 in RGB, HSL and CMYK?
In RGB, #20aa60 is rgb(32, 170, 96), in HSL hsl(148, 68%, 40%) and in CMYK 81%, 0%, 44%, 33%.
How should I use #20aa60 in a UI design?
#20aa60 functions best as a high-visibility accent color rather than a primary background shade. Because of its intense, saturated nature, it draws the eye immediately, making it ideal for call-to-action buttons, notification badges, or important input focus states.
What colors pair well with #20aa60?
Is #20aa60 readable on white or black?
#20aa60 has a 3.00:1 contrast ratio on white and 6.98: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.