#00AD70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold green possesses a high-intensity chroma that demands immediate attention. Because it is so saturated, #00ad70 works best as an accent color rather than a large background. Use it for call-to-action buttons to create a clear focal point. It pairs unexpectedly well with deep charcoal or warm, muted neutrals. The hex code for this electric shade is #00ad70, which maintains excellent contrast with black text.
Questions about #00ad70
What is #00ad70 in RGB, HSL and CMYK?
In RGB, #00ad70 is rgb(0, 173, 112), in HSL hsl(159, 100%, 34%) and in CMYK 100%, 0%, 35%, 32%.
How do I use #00ad70 effectively in UI design?
Use #00ad70 as an accent color rather than a primary background because of its intense saturation. It excels for call-to-action buttons or alert highlights where you need to draw the eye immediately against a neutral or dark backdrop.
What colors complement #00ad70 well?
This green pairs best with high-contrast neutrals like charcoal or deep slate, which ground its electric energy. You can also successfully pair it with soft, warm creams or light gray tones to balance the high chroma without losing its punch.
Is #00ad70 readable on white or black?
#00ad70 has a 2.91:1 contrast ratio on white and 7.21: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.