#78BE20 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity chartreuse commands attention with its saturated, neon quality. Because #78be20 is so loud, use it as a 10% accent color for calls to action rather than a dominant background. It pairs exceptionally well with deep charcoal or slate greys. If you need to understand what colors make gray to balance this brightness, look to neutral, desaturated tones.
Questions about #78be20
What is #78be20 in RGB, HSL and CMYK?
In RGB, #78be20 is rgb(120, 190, 32), in HSL hsl(87, 71%, 44%) and in CMYK 37%, 0%, 83%, 25%.
What colors pair well with #78be20 in a design layout?
Because #78be20 is so loud, balance it with charcoal or slate greys to anchor the composition. These dark, desaturated neutrals ground the intense neon hue, allowing it to pop as an accent without overwhelming your user interface.
Is #78be20 a good choice for text on websites?
Using #78be20 for body text will likely fail accessibility standards due to poor contrast against white backgrounds. It is best reserved for small, intentional accents like icons, button borders, or status indicators where visual impact is the priority.
Is #78be20 readable on white or black?
#78be20 has a 2.28:1 contrast ratio on white and 9.18: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.