Skip to the color picker
PickShade

#2ecea3 color: Mint Jelly

Every format, shade and contrast value for #2ecea3. Drag the picker to explore nearby colors.

Read as HEX

164°
100%

OKLCH

76.2%
0.142
170°
  • ≈ Emerald
  • Emerald
  • Light
  • Vivid
  • Cool
  • teal-400
  • Black 19%

Looks the same on every screen.

White text2.01:1 · Below AALc -43
Black text10.47:1 · AALc 66

Shades

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

Harmonies

Open as palette

Recent

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

About #2ecea3

#2ecea3 is a bright light emerald color. In OKLCH it has 76.2% lightness, 0.142 chroma and a hue of 170°.

Looks the same on every screen.

White text on it reaches 2.01:1 contrast and black text 10.47:1, so black text reads better.

The closest named color is Mint Jelly (#45cea2). In Tailwind CSS the closest color is teal-400.

More light emerald colors

Lighter: #2ecea3 mixed with white

  1. 2ecea3
  2. 52d3ac
  3. 6cd8b5
  4. 82debe
  5. 96e3c7
  6. a9e7d0
  7. bbecd9
  8. cdf1e3
  9. def6ec
  10. eefaf6

Darker: #2ecea3 mixed with black

  1. 2ecea3
  2. 27b38d
  3. 1f9878
  4. 187f63
  5. 12664f
  6. 0b4e3c
  7. 06382a
  8. 022319
  9. 010f0a
  10. 000201

Calmer: #2ecea3 with less saturation

  1. 2ecea3
  2. 49cba4
  3. 5cc9a6
  4. 6bc6a7
  5. 78c3a9
  6. 84c1aa
  7. 8ebeac
  8. 98bbad
  9. a1b8af
  10. a9b5b0