Mint is a medium, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #3EB489, which equals rgb(62, 180, 137) in RGB and hsl(158, 49%, 47%) in HSL. In print terms it converts to roughly C66 M0 Y24 K29, although exact CMYK results depend on the paper and color profile.
- HEX
#3EB489 - RGB
62, 180, 137 - HSL
158°, 49%, 47% - CMYK
66, 0, 24, 29 - Family
Green - Tone
Medium, moderately saturated
About Mint
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 8.09:1. Its complementary color is #B33D68.
Download Mint as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Mint color codes
| HEX | #3EB489 |
|---|---|
| RGB | rgb(62, 180, 137) |
| HSL | hsl(158, 49%, 47%) |
| HSV | 158°, 66%, 71% |
| CMYK | 66%, 0%, 24%, 29% |
| Decimal | 4109449 |
Shades and tints of Mint
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DFF3EB - 100
#BFE6D8 - 200
#9FDAC4 - 300
#7ECDB0 - 400
#5EC19D - 500
#3EB489 - 600
#349672 - 700
#29785B - 800
#1F5A45 - 900
#153C2E - 950
#0A1E17
Color harmonies for Mint
- Complementary
#B33D68≈ Muted Ruby - Analogous −30°
#3DB34D≈ Muted Green - Analogous +30°
#3DA3B3≈ Muted Lagoon - Triadic +120°
#883DB3≈ Muted Amethyst - Triadic +240°
#B3883D≈ Muted Tangerine - Split 150°
#B33DA3≈ Muted Fuchsia - Split 210°
#B34D3D≈ Muted Red
Contrast and accessibility of Mint
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Mint | Aa | 2.59:1 | Fails |
| Black text on Mint | Aa | 8.09:1 | AAA (excellent) |
CSS code for Mint
background-color: #3EB489;color: #3EB489;background-color: rgb(62, 180, 137);background-color: hsl(158, 49%, 47%);:root { --color-mint: #3EB489; }class="bg-[#3EB489]"Colors similar to Mint
- Muted Seafoam
#4DB28A - Muted Mint
#4DB280 - Muted Aquamarine
#4DB294 - Medium Dark Soft Aquamarine
#2BAB85 - Medium Dark Soft Turquoise
#2BAB92 - Medium Sea Green
#3CB371 - Muted Malachite
#4DB275 - Muted Turquoise
#4DB29E - Medium Dark Soft Seafoam
#2BAB78 - Medium Dark Soft Teal
#2BAB9F - Soft Seafoam
#33CC8F - Soft Mint
#33CC80
More green shades
- Medium Sea Green
#3CB371 - Medium Spring Green
#00FA9A - Olive Drab
#6B8E23 - Spring Green
#00FF7F - Yellow Green
#9ACD32 - Emerald
#50C878 - Seafoam Green
#9FE2BF - Jade
#00A86B - Malachite
#0BDA51 - Kelly Green
#4CBB17 - Hunter Green
#355E3B
Frequently asked questions
What is the HEX code for Mint?
The HEX code for Mint is #3EB489.
What is the RGB value of Mint?
Mint has an RGB value of 62, 180, 137 (rgb(62, 180, 137)). In HSL it is 158°, 49%, 47%.
What text color should I use on Mint?
Use black text on Mint. White text has a contrast ratio of 2.59:1 and black text has 8.09:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Mint?
The complementary color of Mint is #B33D68. Analogous colors #3DB34D and #3DA3B3 also pair well.