What Colors Go with Pure Chartreuse? Color Pairing Examples That Give High-Purity Yellow-Green a Fresh, Crisp Look [#80FF00]

Pure Chartreuse (■#80FF00) is an extremely bright, vivid yellow-green between yellow and green. On an event check-in or ticket-verification screen, it can work well for the primary “Scan Ticket” button, the selected entrance lane, and the item currently being processed, giving high-purity yellow-green a fresh, crisp accent. Because its lightness is close to that of a near-white background, however, a chartreuse fill alone may not clearly define buttons or selected states. This example combines Pure Chartreuse with Ink Navy, Frost Ivory, and Deep Violet.

Use Ink Navy for clear edges, then separate roles with a light background and Violet

One possible combination for ■#80FF00 is Ink Navy ■#20263A for body text, check-in numbers, and outlines, Frost Ivory ■#F7FAF2 for the screen and attendee cards, and Deep Violet ■#523A74 for secondary actions such as manual search.

■#20263A is a low-saturation dark color with a blue cast, creating clear text and edges without dulling the vivid yellow-green. ■#F7FAF2 is a very light color with a faint yellow-green cast, keeping attendee names, check-in times, and ticket types easy to organize on a light surface. ■#523A74 is a dark violet whose hue (the basic color family, such as red, blue, or green) sits far from yellow-green while keeping saturation restrained, helping actions such as “Search Manually” or “View Check-In History” look separate from the primary control.

On a check-in screen, concentrate Chartreuse in the primary scan action and current position

For a concrete layout, use ■#F7FAF2 for the overall screen and attendee cards. Use ■#80FF00 for the primary “Scan Ticket” button, the selected entrance lane, and the heading for the ticket currently being processed. Set the text, icons, and outline on that surface to ■#20263A. The contrast ratio (the relative lightness difference between text or a visual component and its background) is about 11.59:1, which exceeds the 4.5:1 minimum for normal-size text.

Use ■#20263A for attendee names, ticket types, check-in numbers, and times. Against ■#F7FAF2, the ratio is about 14.22:1. For a secondary control such as “Search Manually,” use ■#523A74 as the background with ■#FFFFFF text. That pair is about 9.48:1, and Deep Violet against the page background is about 8.98:1.

WCAG (Web Content Accessibility Guidelines) 2.2 requires at least 4.5:1 for normal-size text. Visual information needed to identify a meaningful UI (user interface) component or graphic must also reach at least 3:1 against adjacent colors.

To keep the look fresh and crisp, retain dark outlines on light surfaces and do not communicate check-in states with color alone

■#80FF00 against ■#F7FAF2 has a contrast ratio of about 1.23:1, and ■#80FF00 against ■#FFFFFF is only about 1.29:1. If a chartreuse button or selected card is placed on a light screen, do not rely on the fill alone to define its boundary; combine it with ■#20263A outlines, text, and icons. Normal-size white text should also be avoided on this vivid yellow-green.

States such as “Not Checked In,” “Checked In,” and “Needs Review” should not be communicated only through chartreuse and violet. Add explicit status text, check marks, warning icons, or check-in times. ■#80FF00 and ■#523A74 have a contrast ratio of about 7.32:1, but the meaning of a state should still not depend on color difference alone. In HueRoll, you can enter ■#80FF00 as a HEX color code (a web color notation beginning with #), then review related colors, color-scheme suggestions, and the selected color’s contrast against white and black. HueRoll does not automatically compare arbitrary pairs of colors or judge AA/AAA conformance, so the two-color contrast ratios in this article were calculated separately.