#BAF685 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #baf685 graphic
This neon lime is highly saturated and glows with intense energy. Because it is so bright, use #baf685 primarily as an accent color rather than a main background, which can overwhelm the eye. It pairs surprisingly well with charcoal grays or deep purples for a modern, high-contrast look. This hex code provides enough accessibility for small black text, making it useful for UI alerts or call-to-action buttons.

Questions about #baf685

What is #baf685 in RGB, HSL and CMYK?
In RGB, #baf685 is rgb(186, 246, 133), in HSL hsl(92, 86%, 74%) and in CMYK 24%, 0%, 46%, 4%.
What colors pair best with #baf685 for modern design?
#baf685 pairs best with deep, grounding tones like charcoal or deep purple to create a sophisticated, high-contrast look. These darker neutrals prevent the neon intensity from becoming overwhelming while ensuring your design elements remain readable and visually balanced.
Is #baf685 suitable for main background areas?
Using #baf685 as a full-page background is generally not recommended because its high saturation and glow can quickly fatigue the eye. Instead, limit this neon lime to smaller interface elements like buttons, notification badges, or data visualization highlights.
Is #baf685 readable on white or black?
#baf685 has a 1.26:1 contrast ratio on white and 16.60: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.