Earthy combinationsField and leather

ForestGreen and Tan Color Combination

Deep green grounded by a mid-tone leather tan: an outdoors pairing that works because the two differ strongly in lightness.

Hex codes #228B22 and #D2B48C — a field and leather pair with a 2.23:1 contrast ratio between the two colors.

Values for this combination

RGB
rgb(34, 139, 34)
HSL
hsl(120, 61%, 34%)
Hex
#228B22
Tan
RGB
rgb(210, 180, 140)
HSL
hsl(34, 44%, 69%)
Hex
#D2B48C

Contrast between ForestGreen and Tan

Contrast ratio 2.23:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.

AA · Normal text (≥ 4.5:1)FAIL
AA · Large text (≥ 3:1)FAIL
AAA · Normal text (≥ 7:1)FAIL
AAA · Large text (≥ 4.5:1)FAIL
Aa

Tan text on a ForestGreen surface, at 2.23:1.

Aa

ForestGreen text on a Tan surface, at 2.23:1.

Where this pair works

  • Camping and outdoor
  • Leather goods
  • Country branding

Give ForestGreen (#228B22) roughly 60% of the surface, Tan (#D2B48C) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.

A five-color set from this pair

ForestGreen and Tan as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.

  • Pale tint#f0edebbackgrounds and large surfaces · closest to Isabelline
  • Primary#228B22the dominant color · closest to ForestGreen
  • Secondary#D2B48Cthe accent color · closest to Tan
  • Deep shade#0c410ctext, borders and icons · closest to PakistanGreen
  • Neutral#f6f5f4dividers and quiet surfaces · closest to WhiteSmoke

Explore ForestGreen and Tan on their own

More color combinations

ForestGreen and Tan are a field and leather pair: deep green grounded by a mid-tone leather tan: an outdoors pairing that works because the two differ strongly in lightness.

Frequently asked questions

Yes — this pair is used for camping and outdoor, leather goods, country branding. The two colors measure 2.23:1 against each other, which means the two should sit side by side as surfaces rather than as text and background.

Good to know

  • Every value on this page is calculated from #228B22 and #D2B48C — nothing is hardcoded.
  • Build a longer palette out of ForestGreen or Tan in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

Turn ForestGreen and Tan into a full palette, a gradient or a set of shades — or check the pair against WCAG.

From the blog