Skip to the color picker

Mint color: #3eb489

Mint is #3eb489, rgb(62, 180, 137) in RGB and oklch(69.266% 0.12341 165.057) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

158°
100%

69.3%
0.123
165°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • teal-500
  • Black 29%

Inside sRGB: displays the same on any screen.

White text
2.59:1Hard to read
Lc -55
Black text
8.09:1Readable · AA
Lc 54

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Mint

Similar named colors

Questions about Mint

What is the hex code for Mint?

The hex code for Mint is #3eb489. In RGB it is rgb(62, 180, 137), in HSL hsl(158.14, 48.76%, 47.45%) and in OKLCH oklch(69.266% 0.12341 165.057).

What colors go well with Mint?

Its complementary color is #d27bae. For a calmer look, pair it with the analogous colors #7aad5c and #00b3b4. Ready palettes with Mint are shown on this page.

Is Mint a warm or cool color?

Mint is a cool color with an OKLCH hue of 165 degrees.

What text color is readable on Mint?

Black text is more readable on Mint: white gives a contrast ratio of 2.59:1 and black gives 8.09:1. WCAG AA asks for at least 4.5:1 for body text.

About #3eb489

#3eb489 is a bright emerald color. In OKLCH it has 69.3% lightness, 0.123 chroma and a hue of 165°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.59:1 contrast and black text 8.09:1, so black text reads better.

The closest named color is Mint (#3eb489). In Tailwind CSS the closest color is teal-500.

More medium emerald colors

Lighter: #3eb489 mixed with white

  1. 3eb489

Darker: #3eb489 mixed with black

  1. 3eb489

Calmer: #3eb489 with less saturation

  1. 3eb489

Similar named colors

  • Mint#3eb489

Colors that go with #3eb489

Complementary
#3eb489
Analogous
#3eb489
Triadic
#3eb489
Split
#3eb489