Mint Green

HEX: #98FF98 | Modern Palette

On White
1.23:1
FAIL
On Black
17.09:1
PASS

Color Specifications

HEX
#98FF98
RGB
152, 255, 152
HSL
120°, 40% ,100%
CMYK
40.39, 0, 40.39, 0

About Mint Green

Mint Green (#98FF98) is a color with RGB(152, 255, 152) and HSL(120°, 40.39%, 100%). In design, it fits Cool styles and is suitable for Text, Background, Print. Its complementary color is #FF98FF, which creates strong contrast. Its triadic palette includes #9898FF and #FF9898. The name comes from Mint Green (English).

  • HEX: #98FF98
  • RGB: 152, 255, 152
  • HSL: 120°, 40.39%, 100%
  • Style: Cool
  • Use case: Text, Background, Print
  • Complementary color: #FF98FF
  • Triadic colors: #9898FF, #FF9898
  • The name comes from Mint Green (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #98FF98 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Cool
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #E7E79B
Protanopia #F6F697
Tritanopia #ABF5F5
Achromatopsia #E8E8E8

Frequently Asked Questions

Mint Green (#98FF98) is a color with RGB(152, 255, 152) and HSL(120°, 40.39%, 100%).

#98FF98 pairs strongly with #FF98FF as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#98FF98 is suitable for Text, Background, Print and works well with Cool styles.

The name Mint Green is linked to Mint Green from English, meaning A shade of green resembling the color of fresh mint leaves..

Name, History & Etymology

Origin Word Mint Green
Meaning A shade of green resembling the color of fresh mint leaves.
Language English
First Recorded Use Early 20th Century

History

The color green has long been associated with nature, growth, and freshness. As color naming became more nuanced with industrial advancements in dyes and pigments, specific shades began to acquire more descriptive names. 'Mint green' emerged to describe a light, often pastel, shade of green with a cool undertone, directly referencing the common culinary herb, mint. Its popularity surged in the Art Deco era, where it was used in interiors, fashion, and automobiles, often paired with creams, blacks, and metallics. It saw resurgences in the mid-20th century and again in the early 21st century, often associated with vintage aesthetics, spring, and a sense of calm.

First Recorded Use

The exact first recorded use of 'mint green' as a color name is difficult to pinpoint to a single date, but its popularization as a distinct color term, especially in fashion and interior design, began in the early 20th century, particularly gaining traction in the 1920s and 1930s.

Cultural Associations

Often associated with freshness, cleanliness, and nature. Popular in spring fashion and decor. Frequently used in vintage-inspired designs, particularly from the 1920s to 1950s. Can evoke feelings of tranquility and peace. Commonly used in nurseries and children's rooms due to its soft and calming nature.

Similar Named Colors

Pale Green #98FB98 ΔE 0.92
Light Green #90EE90 ΔE 3.60
Screamin Green #76FF7A ΔE 4.29

Code Snippets

/* Background */
.element {
    background-color: #98FF98;
}

/* Text */
.element {
    color: #98FF98;
}

/* Border */
.element {
    border: 1px solid #98FF98;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #98FF98,
        #FFFFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #98FF98,
        #FFFFFF
    );
}

// SCSS variable
$mint-green: #98FF98;

// With RGB channels (useful for rgba() usage)
$mint-green-r: 152;
$mint-green-g: 255;
$mint-green-b: 152;

// Usage
.element {
    background-color: $mint-green;
    color: rgba($mint-green-r, $mint-green-g, $mint-green-b, 0.8);
}