#2BA143 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold green features high saturation, making it a natural choice for interface calls to action. #2ba143 grabs attention immediately without appearing artificial. Pair it with muted grays to keep designs grounded, or use it as a small, punchy accent. Because it supports black text with strong contrast, it works well for small, readable UI labels. The hex code for this lush, energetic tone is #2ba143.
Questions about #2ba143
What is #2ba143 in RGB, HSL and CMYK?
In RGB, #2ba143 is rgb(43, 161, 67), in HSL hsl(132, 58%, 40%) and in CMYK 73%, 0%, 58%, 37%.
Where should I use #2ba143 in a digital interface?
#2ba143 works best as an energetic call-to-action button or a success indicator in UI design. Because it holds strong contrast against black text, it draws the eye immediately without feeling overly harsh or artificial on screen.
What colors pair well with #2ba143?
Pair #2ba143 with neutral tones like charcoal or soft whites to anchor the intensity of this green. For a balanced palette, use desaturated, earthy grays to ensure the vibrant nature of this shade remains the primary focal point.
Is #2ba143 readable on white or black?
#2ba143 has a 3.34:1 contrast ratio on white and 6.28: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.