Wintergreen #20F986

About this color

#20F986 is a light, vivid green. In OKLCH its lightness is 86%, its chroma 0.220 and its hue 152°. Its hue sits between the warm and cool halves of the wheel. It is the named color Wintergreen. Black text reads best on it, at 14.95:1.

Colors that go with Wintergreen

Matches found by rotating Wintergreen around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Wintergreen

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Wintergreen, closest first.

• Ultraviolet Boot
• Synth Boot
• Chrome Pulse

Similar named colors

The eight named colors closest to Wintergreen, with their ΔE distance.

• Minty Green #0BF77D ΔE 0.011
• Turquoise Green #04F489 ΔE 0.016
• Spearmint #1EF876 ΔE 0.017
• Spring Green #00FF7F ΔE 0.020
• Medium Spring Green #00FA9A ΔE 0.022
• Bright Sea Green #05FFA6 ΔE 0.036
• Light Green Blue #56FCA2 ΔE 0.042
• Lightgreen #76FF7B ΔE 0.045

More about Wintergreen

• Shades of green
• What green means

How to make Wintergreen

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 2 parts white
• 1 part yellow
• 1 part green

Recipe result: #AAE079, a difference of ΔE 0.101 from Wintergreen. Wintergreen is more vivid than these paints can mix, so start from a ready-made green paint and adjust it.

What colors make green? | Color mixing chart

Codes for Wintergreen in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Wintergreen

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 200.

1. Step 50

   50

   #E4FDE9

   oklch(97% 0.037 151.4)

2. Step 100

   100

   #C1FAD0

   oklch(93.5% 0.081 152.8)

3. Step 200

   200 (this color)

   #20F986

   oklch(86.3% 0.22 152.3)

4. Step 300

   300

   #00E679

   oklch(81% 0.212 152.3)

5. Step 400

   400

   #00C064

   oklch(70.8% 0.185 152.3)

6. Step 500

   500

   #00A455

   oklch(63% 0.164 152.5)

7. Step 600

   600

   #008A46

   oklch(55.5% 0.145 152.3)

8. Step 700

   700

   #00743A

   oklch(49% 0.128 152.4)

9. Step 800

   800

   #00602F

   oklch(42.8% 0.112 152.4)

10. Step 900

    900

    #005026

    oklch(37.8% 0.099 152.3)

11. Step 950

    950

    #003014

    oklch(27.1% 0.071 152.1)

Export this scale for Tailwind in the Tailwind colors tool

Wintergreen with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.