#7AF697 Hex Color

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

Hex color #7af697 graphic
This neon green is high-saturation and intensely bright, glowing with a fresh, synthetic quality. It works best as an energetic accent color rather than a main background, as its intensity can easily overwhelm a layout. Pair the hex code #7af697 with deep charcoals or dark navy to ground its electric nature. Because black text offers excellent contrast here, use it for UI call-to-action buttons.

Questions about #7af697

What is #7af697 in RGB, HSL and CMYK?
In RGB, #7af697 is rgb(122, 246, 151), in HSL hsl(134, 87%, 72%) and in CMYK 50%, 0%, 39%, 4%.
What colors pair best with #7af697 for a balanced UI?
Because #7af697 is an intense neon, it requires deep, neutral anchors to remain readable and grounded. Pair it with dark charcoal or navy to absorb its synthetic glow, preventing it from overwhelming your layout or causing eye strain.
Can I use #7af697 as a primary background color?
Using #7af697 as a full-page background is generally not recommended as its high saturation level creates significant visual noise. Reserve this shade for small, high-impact UI elements like call-to-action buttons, status indicators, or active state highlights.
Is #7af697 readable on white or black?
#7af697 has a 1.35:1 contrast ratio on white and 15.45: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.