#00AB2B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated green demands immediate attention. Because of its high chroma, reserve the hex code #00ab2b for primary calls to action or small UI accents instead of large background surfaces. It offers excellent contrast against black text, ensuring readability for critical interface elements.
Questions about #00ab2b
What is #00ab2b in RGB, HSL and CMYK?
In RGB, #00ab2b is rgb(0, 171, 43), in HSL hsl(135, 100%, 34%) and in CMYK 100%, 0%, 75%, 33%.
Is #00ab2b safe for use as background text?
#00ab2b is quite vibrant and often lacks enough contrast against white backgrounds to meet accessibility standards for small text. It functions best as an accent color for interface elements or buttons where it can provide a high-contrast pop against dark backgrounds.
How should I pair #00ab2b in a UI design?
Use #00ab2b sparingly to highlight primary calls to action or focus areas since its high chroma can quickly overwhelm a layout. It pairs well with neutral charcoal or dark gray backgrounds to let the green vibrate without straining the user's eyes.
Is #00ab2b readable on white or black?
#00ab2b has a 3.06:1 contrast ratio on white and 6.86: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.