What colors go well with mint?

Mint pairs with its complementary colour #B43E69 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Mint Color — Hex Code #3EB489, RGB, Palettes & CSS

Q: What is the hex code for mint?

Mint is commonly #3EB489, which is rgb(62, 180, 137). Like most descriptive colour names it covers a small range, but this is a widely used value.

Mint colour codes

Hex

#3EB489

RGB

rgb(62, 180, 137)

HSL

hsl(158, 49%, 47%)

HSV

hsv(158, 66%, 71%)

OKLCH

oklch(0.69 0.12 165)

CMYK

cmyk(66%, 0%, 24%, 29%)

Complementary palette

Mint with its opposite on the colour wheel.

#3EB489

rgb(62, 180, 137)

#B43E69

rgb(180, 62, 105)

Triad palette

Mint with two evenly-spaced partners.

#3EB489

rgb(62, 180, 137)

#893EB4

rgb(137, 62, 180)

#B4893E

rgb(180, 137, 62)

Monochromatic palette

Lighter and darker versions of mint at the same hue.

#205E47

rgb(32, 94, 71)

#2D8263

rgb(45, 130, 99)

#39A67E

rgb(57, 166, 126)

#42C193

rgb(66, 193, 147)

Lighter tints

Mint toward white.

#3EB489

rgb(62, 180, 137)

#5ABF9A

rgb(90, 191, 154)

#75C9AB

rgb(117, 201, 171)

#91D4BC

rgb(145, 212, 188)

#ACDFCC

rgb(172, 223, 204)

#C8EADD

rgb(200, 234, 221)

#E3F4EE

rgb(227, 244, 238)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Mint toward black.

#3EB489

rgb(62, 180, 137)

#359A75

rgb(53, 154, 117)

#2C8162

rgb(44, 129, 98)

#23674E

rgb(35, 103, 78)

#1B4D3B

rgb(27, 77, 59)

#123327

rgb(18, 51, 39)

#091A14

rgb(9, 26, 20)

#000000

rgb(0, 0, 0)

About mint

A cool, fresh blue-green named after the herb. Clean and calming, it is popular in wellness, food and spring palettes. The value shown here (#3EB489) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with mint

The complementary colour (#B43E69) sits opposite mint on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using mint in your design

For CSS, paste #3EB489 or the oklch(0.69 0.12 165) value, or download the ready-made mint.css file above — it includes a full 50–950 token scale. Always check contrast before using mint behind text.

What is the hex code for mint?

Mint is commonly #3EB489 (rgb(62, 180, 137)). It covers a small range, but this is a widely used value.

What colours go well with mint?

Its complementary colour #B43E69 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Mint colour

Mint colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About mint

Palettes that work with mint

Using mint in your design

Popular colours

Color tools