#BAFEA2 Hex Color
A vibrant, high-chroma lime for striking accents
#bafea2 is a luminous, high-chroma lime green with strong yellow undertones. This bright shade works best as an energetic accent rather than a full page background, as its intensity can easily overwhelm a layout. It pairs well with charcoal grays for high-contrast, readable UI elements. The hex code for this color is #bafea2, which provides excellent accessibility when used with black text.
Questions about #bafea2
What is #bafea2 in RGB, HSL and CMYK?
In RGB, #bafea2 is rgb(186, 254, 162), in HSL hsl(104, 98%, 82%) and in CMYK 27%, 0%, 36%, 0%.
How can I use #bafea2 effectively in UI design?
Use #bafea2 as a punchy, energetic accent color rather than a primary background to avoid overwhelming your layout. It maintains excellent readability when paired with deep charcoal or black text for buttons, call-to-actions, or highlighting specific data points.
Does #bafea2 work well with dark themes?
Yes, the high-chroma nature of #bafea2 creates a neon-like, glowing effect against dark backgrounds, making it ideal for accessibility-focused warning indicators or active states. Keep the surrounding elements neutral to let this vibrant yellow-green stand out without clashing against other saturated tones.
Is #bafea2 readable on white or black?
#bafea2 has a 1.18:1 contrast ratio on white and 17.78: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.