Skip to content

Mint #98ff98

Green, chilled to perfection.

RGB
152, 255, 152
HSL
120°, 100%, 80%
CMYK
40, 0, 40, 0
Luminance
0.8046

About Mint

Mint, #98ff98, is green lightened until it feels cold — the visual equivalent of menthol. It borrows freshness from the herb and cleanliness from toothpaste aisles, making it the rare pastel that reads crisp instead of soft.

History

Mint’s modern life began with 1950s American kitchens and Cadillacs, resurfaced in 2010s pastel-wave branding, and became finance’s favorite “fresh money” accent — the app literally named Mint painted personal budgeting in it. “In mint condition” comes from coinage: fresh from the mint, never circulated.

Psychology

Mint signals freshness, hygiene and new beginnings with less sweetness than pink pastels. It cools interfaces the way the flavor cools the mouth — brands use it to say clean, light, modern.

In design

Mint is a surface and accent tint: on charcoal it glows softly; on white it needs dark ink (mint text fails everywhere). Pair with white and gray for clinical freshness, coral for retro-diner energy, chocolate for after-dinner elegance.

In culture

Mint condition, mint juleps, mint-green scrubs: freshness institutionalized. It is the unofficial color of “new” — coins, cars and sneakers all use it to mean untouched.

Brands that own mint

Shades of mint

Every format

HEX#98ff98
RGBrgb(152, 255, 152)
HSLhsl(120, 100%, 80%)
CMYKcmyk(40%, 0%, 40%, 0%)
LABlab(91.9 -50.0 40.0)
LCHlch(91.9 64.0 141.3)
OKLCHoklch(0.913 0.168 144.0)

Copy-ready code

/* CSS */
color: #98ff98;
background-color: #98ff98;
/* Tailwind (arbitrary) */
class="text-[#98ff98] bg-[#98ff98]"
/* SCSS */
$brand: #98ff98;
/* SwiftUI */
Color(red: 0.596, green: 1.000, blue: 0.596)
/* Android */
Color.parseColor("#98ff98")

Accessibility — WCAG contrast

Aa
#98ff98 on white: 1.23:1
AA ✗ fail · AA-large · AAA
Aa
#98ff98 on black: 17.09:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red59.6%
Green100.0%
Blue59.6%

CMYK percentages

Cyan40.4%
Magenta0.0%
Yellow40.4%
Key (black)0.0%

Color previews

#98ff98 text on a black background

contrast 17.09:1

Card sample

#98ff98 text on a white background

contrast 1.23:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #98ff98;
Background color
Panel with #98ff98 background
background-color: #98ff98;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #98ff98;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(152, 255, 152, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(152, 255, 152, 0.45);
Border & gradient
Gradient panel
border: 3px solid #98ff98;
background: linear-gradient(135deg, #98ff98, #98FFDD);

Monochromatic scale

Palettes built from #98ff98

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Mint, answered

What is the hex code for mint green?

Common mint is #98ff98; design-grade mints include seafoam #93e9be and spearmint #45b08c. CSS’s closest named color is “mintcream” (#f5fffa), a near-white.

What does “mint condition” have to do with the color?

Different mint: the phrase refers to coins fresh from the mint (the factory). The color is named for the herb — but marketing happily lets the meanings blend.

What colors pair with mint?

Coral (retro diner), charcoal (modern contrast), white and gray (clinical freshness), chocolate and gold (dessert-menu elegance).

Work with #98ff98 in the Color Lab