#E7FF80 Hex Color

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

Hex color #e7ff80 graphic
High-visibility and energetic, #e7ff80 functions best as a focused accent rather than a background. Its extreme lightness can wash out surrounding elements, so it pairs effectively with deep charcoal or navy text to ensure readability. The hex code #e7ff80 offers strong contrast for CTA buttons or safety alerts. For softer palettes, consider using it alongside other shades of pink to create a balanced, modern visual tension.

Questions about #e7ff80

What is #e7ff80 in RGB, HSL and CMYK?
In RGB, #e7ff80 is rgb(231, 255, 128), in HSL hsl(71, 100%, 75%) and in CMYK 9%, 0%, 50%, 0%.
Why is #e7ff80 difficult to use for background text?
Because #e7ff80 is extremely bright, it significantly lacks contrast against standard white or light gray text, leading to poor readability. To maintain accessibility, you should exclusively pair this neon hue with deep, dark neutrals like charcoal or navy.
What is the best way to incorporate #e7ff80 into a design?
Treat #e7ff80 as a purposeful accent rather than a primary color to avoid visual fatigue. It excels in digital interfaces for high-priority elements like call-to-action buttons, safety alerts, or small UI highlights that require immediate user focus.
Is #e7ff80 readable on white or black?
#e7ff80 has a 1.10:1 contrast ratio on white and 19.01: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.