#2BAD14 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated green commands immediate attention with its high-energy presence. Because it is so intense, #2bad14 works best as an accent color for calls to action or small UI highlights rather than a background. It pairs exceptionally well with charcoal gray to ground its brightness. The hex code for this lush, bold shade is #2bad14.
Questions about #2bad14
What is #2bad14 in RGB, HSL and CMYK?
In RGB, #2bad14 is rgb(43, 173, 20), in HSL hsl(111, 79%, 38%) and in CMYK 75%, 0%, 88%, 32%.
How should I use #2bad14 in web design?
#2bad14 commands immediate attention, so it serves best as an energetic accent color rather than a large background fill. Use it for primary call-to-action buttons or small UI elements like notification badges to ensure it remains striking without overwhelming your layout.
Which colors pair well with #2bad14?
Pair #2bad14 with a deep charcoal or dark gray to ground its high-energy brightness. This creates a balanced, modern look that prevents the vivid green from appearing too neon or jarring when placed next to standard black or white text.
Is #2bad14 readable on white or black?
#2bad14 has a 2.96:1 contrast ratio on white and 7.09: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.