Green family
Mint Green color
A pale, bright green. The reference mint green is #8FFF9F, as defined by the xkcd Color Survey.
| HEX | #8FFF9F | |
|---|---|---|
| RGB | rgb(143, 255, 159) | |
| HSL | hsl(129, 100%, 78%) | |
| HSV | hsv(129, 44%, 100%) | |
| OKLCH | oklch(91.0% 0.166 147.3) | |
| CMYK* | 44, 0, 38, 0 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is mint green?
Mint green is a pale, fresh green named after mint leaves and the colour of mint ice cream. The xkcd survey mint green is light and bright; the Color Names mint is a deeper, bluer green, so check which one you need. CSS has mintcream, which is almost white.
Mint Green hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of mint green in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Mint Green | #8FFF9F | xkcd Color Survey | Reference shown on this page |
| Mint Green | #487D4A | Color Names (meodai) | Noticeably different · 0% similar |
| Mint | #9FFEB0 | xkcd Color Survey | Very close · 89% similar |
| Mint | #3EB489 | Color Names (meodai) | Noticeably different · 10% similar |
Mint Green vs Sage Green
#8FFF9F
#88B378
Sage green is grayer and more muted; mint green is brighter and cooler. In numbers: the two are 19% similar (OKLab distance 0.204). See Sage Green for its own codes.
Colors similar to mint green
The closest named colors to #8FFF9F across all three sources, with their similarity in OKLab.
Tints and shades of mint green
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with mint green
Classic color-wheel combinations built on #8FFF9F, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Mint Green with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a mint green background, black text is the better choice.
Use mint green in CSS
.mint-green {
color: #8FFF9F;
/* or */ color: rgb(143 255 159);
/* or */ color: hsl(129 100% 78%);
/* or */ color: oklch(91.0% 0.166 147.3);
}