Mint
#98FF98Green family
About Mint
Mint (#98FF98) is a light, vivid 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, #98FF98 has a 1.2:1 contrast ratio; against black it is 17.1:1. Black text on #98FF98 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 Mint'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 Mint. Each swatch is one click from your clipboard.
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Monochromatic
Accessibility
Blindness simulator
See how Mint is perceived with common types of color vision deficiency.
Normal vision
Standard trichromatic vision, shown for reference.
Protanopia
Red-blind. Reds look darker and can be confused with greens and browns.
Deuteranopia
Green-blind. Greens look muted and can be confused with reds and browns.
Tritanopia
Blue-blind. Blues look greenish and yellows fade toward pink.
Achromatopsia
Complete color blindness. Everything is seen in shades of gray.
WCAG
Contrast checker
How Mint performs against black and white text, with WCAG AA and AAA ratings.
The ratio is identical whether Mint is used as the text or the background.
Open the full checkerReady to use
Color palettes
Curated palettes that put Mint to work, with copy-all support for each.
Complementary
Roughly 180° across the wheel from #98FF98 (hue 120°) sits #ff99ff, held together by the #ffffff tint and the neutrals #f4f4f5 and #18181b.
Analogous
#98FF98 with its two closest neighbours, #ccff99 and #99ffcc, for a 100%-saturation run that stays inside one family; #ffffff and #1aff1a add depth without breaking it.
Triadic
#98FF98 plus #9999ff and #ff9999, 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: #ebffeb through #001f00, starting from #98FF98 at 80% lightness.
Mint (#98FF98) 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
Mint is #98FF98 — rgb(152, 255, 152) / hsl(120, 100%, 80%). Mint (#98FF98) is a light, vivid 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
- Mint is one of 609 named colors in the library.
- Its complementary hue sits 180° away on the color wheel: #ff99ff.
More color tools
Next steps for Mint: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.