#7FFF31 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-energy, neon chartreuse, #7fff31 commands attention with its intense, artificial glow. Because of its extreme saturation, it functions best as a small 10% accent rather than a primary background color. It pairs surprisingly well with deep charcoal grays, which ground its electric spirit. Black text provides excellent readability against this bright shade, making it a functional choice for high-visibility UI alerts or branding.
Questions about #7fff31
What is #7fff31 in RGB, HSL and CMYK?
In RGB, #7fff31 is rgb(127, 255, 49), in HSL hsl(97, 100%, 60%) and in CMYK 50%, 0%, 81%, 0%.
How should I use #7fff31 in my design interface?
Use #7fff31 sparingly as a ten percent accent color for UI alerts or call-to-action buttons. Because this shade is extremely bright and saturated, it quickly fatigues the eye when used for large backgrounds or primary branding elements.
What colors pair well with #7fff31?
Deep charcoal or near-black tones provide the best contrast for #7fff31, helping to ground its electric energy. Avoid pairing it with other neon or bright colors, as they will compete for attention and reduce the readability of your interface.
Is #7fff31 readable on white or black?
#7fff31 has a 1.29:1 contrast ratio on white and 16.25: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.