What Colors Go with Light Chartreuse? Color Pairing Examples That Make Bright Yellow-Green Look Light and Lively [#BDF288]

Light Chartreuse (■#BDF288) is a bright yellow-green close to yellow. On an industrial equipment inspection checklist, it can work well when reserved for today’s inspection targets and the primary “Complete inspection” button. This keeps the yellow-green feeling light and lively while equipment names, inspection times, assignees, and cautions remain easy to organize. This example pairs it with Deep Olive, Soft Ivory, and Muted Indigo.

Use Deep Olive to anchor the yellow-green, then separate roles with a light surface and purple

One practical palette for ■#BDF288 uses Deep Olive ■#343820 for the inspection-status summary panel, Soft Ivory ■#FAF8F2 for equipment lists and inspection-item cards, and Muted Indigo ■#5A4A6E for secondary actions such as viewing previous inspections or changing the assignee.

■#343820 is a dark, low-saturation olive that keeps Light Chartreuse bright while giving text and outlines a firmer edge. ■#FAF8F2 is a warm near-white, helping equipment names, checklist items, times, and assignees sit on a light surface without competing with the accent. ■#5A4A6E is a subdued purple. Its hue—the basic color family such as red, blue, or green—is separated from yellow-green, helping “View previous inspections” and “Change assignee” stay distinct from the primary completion action.

On an inspection screen, concentrate Light Chartreuse on today’s targets and the primary action

Use ■#FAF8F2 for equipment-list and checklist-card backgrounds, with ■#343820 for equipment names, inspection times, assignees, and caution text. The contrast ratio—the numerical difference in relative brightness between foreground and background—is about 11.41:1 for this pair.

Set the today-inspection summary panel to ■#343820 and use ■#BDF288 for the primary “Complete inspection” button, today’s date, and a short accent on the remaining-item count. With ■#343820 for the button text and icon, the contrast ratio is about 9.36:1, above the 4.5:1 minimum for normal-size text. The bright yellow-green button surface against the Deep Olive panel is also about 9.36:1, helping the primary control stand out from the dark surface.

On a ■#FAF8F2 card, however, filling today’s inspection row with ■#BDF288 produces only about 1.22:1 contrast between the two surfaces. Do not rely on the fill alone: add a ■#343820 border, a “Inspect today” label, and a checklist icon. For secondary actions such as “View previous inspections” or “Change assignee,” use ■#5A4A6E as the button background with ■#FFFFFF text. That pair is about 7.96:1, and Muted Indigo against Soft Ivory is about 7.49:1.

WCAG (Web Content Accessibility Guidelines) 2.2 requires at least 4.5:1 contrast for normal-size text. Visual information needed to identify meaningful UI (user interface) components or states should have at least 3:1 contrast against adjacent colors.

For a light, lively look, avoid white text and color-only inspection states

■#BDF288 against ■#FFFFFF has a contrast ratio of about 1.29:1, so normal-size white text on the Light Chartreuse background does not reach the 4.5:1 minimum. In this example, the primary button therefore uses ■#343820 for its text.

Also avoid distinguishing “Not inspected,” “In progress,” “Complete,” and “Recheck” by color alone. Pair each state with a written label, inspection time, assignee name, and icons such as a check mark or warning symbol. In HueRoll, you can enter ■#BDF288 as a HEX code (a web color code beginning with #), review related colors and palette suggestions, and check the selected color against white and black. HueRoll does not compare arbitrary pairs of colors or automatically determine WCAG AA or AAA conformance, so the pairwise contrast ratios in this article were calculated separately.