Mint green color: code #98FF98

Mint green

#98FF98

Color codes

  • HEX#98FF98
  • RGBrgb(152, 255, 152)
  • HSLhsl(120, 100%, 80%)
  • HSVhsv(120, 40%, 100%)
  • CMYKcmyk(40%, 0%, 40%, 0%)
  • LABlab(91.9% -50 40)
  • OKLCHoklch(91.3% 0.168 144.1)

About the color Mint green

Mint green has the HEX code #98FF98, which corresponds to rgb(152, 255, 152) in the RGB model. On the color wheel its hue sits at 120°, with 100% saturation and 80% lightness (hsl(120, 100%, 80%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for dark text: black reaches a 17.09:1 contrast ratio on it, versus 1.22:1 for white.

For print, the approximate conversion is cmyk(40%, 0%, 40%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Mint green

Complementary

#98FF98 · #FF99FF

Analogous

#CCFF99 · #98FF98 · #99FFCC

Triadic

#98FF98 · #9999FF · #FF9999

Tetradic

#98FF98 · #99CCFF · #FF99FF · #FFCC99

Split-complementary

#98FF98 · #CC99FF · #FF99CC

Monochromatic

#1AFF1A · #66FF66 · #98FF98 · #E6FFE6 · #FFFFFF

Mint green with white and black text

White text Aa Bb Cc 123
1.22:1 · fails WCAG
Black text Aa Bb Cc 123
17.09:1 · AAA

Test other pairs in the contrast checker

How mint green is perceived

Mint green (#98FF98) is a very light, gently saturated green that the eye reads as “fresh.” The obvious reference is the herb itself and everything mint-flavored, from toothpaste to ice cream, so it tends to suggest cleanliness, lightness and newness. In the US it is tied to 1950s kitchens and diners, and it keeps coming back in retro appliances, baby showers and pastel packaging. These readings are cultural and depend on context: in a clinic, the same shade can feel sterile rather than cheerful.

In practice: where it pays off

Interiors. It is one of the easiest pastels to put on a wall because it feels light and reflects plenty of light. It looks great in kitchens and bathrooms with white cabinetry or pale wood, and in kids' rooms that skip the usual pink or blue.

Fashion. In summer pieces and bridesmaid dresses, mint flatters both fair and deeper skin tones. With light denim and white it looks relaxed; with gold jewelry it turns dressy.

Web and digital products. Use it for section backgrounds, success cards or illustrations. Avoid it as a text color or as a button with a white label.

A mint green color palette

Three common mistakes

  1. White text on top. White on #98FF98 gives a contrast of about 1.2:1, which is practically unreadable. Black text exceeds 17:1, and charcoal works too. Confirm with the contrast checker.
  2. Expecting the same shade on paper. In CMYK it lands near C40 M0 Y40 K0 and loses its screen glow. For print, request a proof or pick a spot green.
  3. Reusing the same value in dark mode. On a dark background, pure mint glares. Keep it to small details or lower its lightness; the website color palette guide shows how to organize those variants.

How to use it in CSS

:root {
  --color-mint-green: #98FF98;
  --color-mint-green-rgb: 152, 255, 152;
}

.elemento {
  background-color: var(--color-mint-green);
  color: #000000;
}

Similar colors

Use Mint green in our tools