#2BE100 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This hyper-saturated, neon green demands attention with its intense, glowing energy. Because it is so vivid, #2be100 works best as a punchy accent color rather than a large background field, which can easily overwhelm the eye. It pairs surprisingly well with deep charcoal grays to ground its artificial brightness. You can find other shades of green with slightly more subdued tones if this hex code proves too aggressive for your UI.
Questions about #2be100
What is #2be100 in RGB, HSL and CMYK?
In RGB, #2be100 is rgb(43, 225, 0), in HSL hsl(109, 100%, 44%) and in CMYK 81%, 0%, 100%, 12%.
Does #2be100 work well as a background color?
Avoid using #2be100 as a large background field because its extreme luminosity often overwhelms the eye and hurts readability. It performs best as a high-contrast accent or call-to-action element that needs to grab immediate attention against charcoal or black surfaces.
Which colors balance the intensity of #2be100?
Neutralize the artificial brightness of #2be100 by pairing it with deep, muted tones like charcoal or dark slate. These grounding colors absorb the neon energy, preventing the design from looking chaotic while maintaining a modern, high-tech aesthetic for your interface.
Is #2be100 readable on white or black?
#2be100 has a 1.76:1 contrast ratio on white and 11.87: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.