Forest Green on Beige: Contrast Check

Using forest green on beige

Forest Green text gives a beige panel a dark, warm-toned anchor. The measurement assumes a flat beige fill, so a paper texture would need another check.

WCAG text contrast results

This pair passes AA for large text, but fails for normal text. The displayed ratio is rounded to two decimal places; every decision uses the full calculation.

Choose the result for your text size

A 16 px regular label uses the normal-text result. A 24 px regular heading qualifies as large text. Here that distinction changes the AA result: the heading passes, while the label fails. If a small label fails, try a different color before making the label larger.

.pair-example {
  color: #228B22;
  background-color: #F5F5DC;
  font-size: 16px;
}

Try the reverse pair

Use Swap colors to put beige text on forest green. The ratio remains 3.97:1, but the page can feel very different when most of it becomes forest green. Check the new arrangement with real text and the surrounding layout.