Skip to the color picker
PickShade

#2ea789 color: Niagara

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

Read as HEX

165°
100%

OKLCH

65.5%
0.114
172°
  • ≈ Mint
  • Emerald
  • Medium
  • Vivid
  • Cool
  • teal-500
  • Black 35%

Looks the same on every screen.

White text3.00:1 · Below AALc -62
Black text7.00:1 · AALc 48

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 #2ea789

#2ea789 is a bright emerald color. In OKLCH it has 65.5% lightness, 0.114 chroma and a hue of 172°.

Looks the same on every screen.

White text on it reaches 3:1 contrast and black text 7:1, so black text reads better.

The closest named color is Niagara (#29a98b). In Tailwind CSS the closest color is teal-500.

More medium emerald colors

Lighter: #2ea789 mixed with white

  1. 2ea789
  2. 4cb094
  3. 64b9a0
  4. 7ac2ab
  5. 8ecab7
  6. a1d3c2
  7. b4dcce
  8. c7e5da
  9. daede6
  10. ecf6f3

Darker: #2ea789 mixed with black

  1. 2ea789
  2. 279176
  3. 1f7b64
  4. 186653
  5. 125242
  6. 0b3e31
  7. 062c22
  8. 021a14
  9. 010a07
  10. 000101

Calmer: #2ea789 with less saturation

  1. 2ea789
  2. 40a58a
  3. 4ea38b
  4. 59a18b
  5. 639f8c
  6. 6c9d8d
  7. 759a8e
  8. 7c988e
  9. 83968f
  10. 8a9390