Green

TeaGreen

#D0F0C0
HEX
#D0F0C0
RGB
rgb(208, 240, 192)
HSL
hsl(100, 62%, 85%)

Green family

About TeaGreen

TeaGreen (#D0F0C0) is a very light, moderately saturated green. Green sits at the center of the spectrum and is the color most associated with nature, growth and balance, giving this shade a calm, refreshing character.

Psychology

Green is restful and reassuring. It is strongly tied to health, growth and money, and because the eye processes green easily it can reduce visual fatigue and promote a sense of balance.

Applications

Green is everywhere in health, wellness, finance, environmental and organic brands. It works for success states and confirmations in UI, and its many shades range from fresh spring accents to deep, premium forest tones.

History

Greens were historically difficult to produce; early pigments like verdigris and malachite were unstable or toxic. A breakthrough came with Scheele’s green and later chrome green in the 18th and 19th centuries, which popularized the color despite some toxicity concerns.

Meaning

Green symbolizes nature, renewal, safety and prosperity across most cultures. It also means “go” in signaling and is the color of many environmental and religious movements.

Why use this color

Choose green for brands that want to feel natural, healthy, trustworthy or financially sound. It is a versatile hue that works equally well as a calm background or a vibrant accent.

Accessibility

Against white, #D0F0C0 has a 1.2:1 contrast ratio; against black it is 16.9:1. Black text on #D0F0C0 meets WCAG AA for normal text.

Fun facts

  • The human eye distinguishes more shades of green than any other color.
  • Green is used for night-vision displays because the eye is most sensitive to green light.
  • Many early green pigments were toxic, including Scheele’s green, which contained arsenic.

Shades, tints & tones

Variations

Ten lightness steps plus TeaGreen's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around TeaGreen. Each swatch is one click from your clipboard.

Complementary

#d1f0c1#e1c1f0

Analogous

#e9f0c1#d1f0c1#c1f0c9

Triadic

#d1f0c1#c1d1f0#f0c1d1

Split-complementary

#d1f0c1#c9c1f0#f0c1e9

Tetradic

#d1f0c1#c1e9f0#e1c1f0#f0c9c1

Monochromatic

#1e3e0f#41841f#65cf30#9de07b#d1f0c1

Accessibility

Blindness simulator

See how TeaGreen is perceived with common types of color vision deficiency.

#D0F0C0

Normal vision

Standard trichromatic vision, shown for reference.

#f4e8bd

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#efe6c2

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#d0ece3

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#e7e7e7

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How TeaGreen performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on TeaGreen
1.24:1
AAAAAAA LargeAAA Large
AaBlack on TeaGreen
16.91:1
AAAAAAA LargeAAA Large

The ratio is identical whether TeaGreen is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put TeaGreen to work, with copy-all support for each.

Complementary

Roughly 180° across the wheel from #D0F0C0 (hue 100°) sits #e1c1f0, held together by the #ffffff tint and the neutrals #f4f4f5 and #18181b.

Analogous

#D0F0C0 with its two closest neighbours, #e9f0c1 and #c1f0c9, for a 62%-saturation run that stays inside one family; #ffffff and #84d85a add depth without breaking it.

Triadic

#D0F0C0 plus #c1d1f0 and #f0c1d1, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.

Monochromatic

One hue at 5 lightness steps: #f3fbee through #0c1906, starting from #D0F0C0 at 85% lightness.

TeaGreen (#D0F0C0) is a green-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

TeaGreen is #D0F0C0 — rgb(208, 240, 192) / hsl(100, 62%, 85%). TeaGreen (#D0F0C0) is a very light, moderately saturated green. Green sits at the center of the spectrum and is the color most associated with nature, growth and balance, giving this shade a calm, refreshing character.

Good to know

  • TeaGreen is one of 609 named colors in the library.
  • Its complementary hue sits 180° away on the color wheel: #e1c1f0.

More color tools

Next steps for TeaGreen: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.