Skip to the color picker
PickShade

#3fa989 color: Niagara

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

Read as HEX

162°
100%

OKLCH

66.5%
0.109
170°
  • ≈ Mint
  • Emerald
  • Medium
  • Vivid
  • Cool
  • teal-500
  • Black 34%

Looks the same on every screen.

White text2.90:1 · Below AALc -60
Black text7.25:1 · AALc 49

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 #3fa989

#3fa989 is a bright emerald color. In OKLCH it has 66.5% lightness, 0.109 chroma and a hue of 170°.

Looks the same on every screen.

White text on it reaches 2.9:1 contrast and black text 7.25: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: #3fa989 mixed with white

  1. 3fa989
  2. 58b294
  3. 6dbaa0
  4. 81c3ab
  5. 93cbb7
  6. a6d4c2
  7. b8ddce
  8. cae5da
  9. dceee6
  10. edf6f3

Darker: #3fa989 mixed with black

  1. 3fa989
  2. 359276
  3. 2c7c64
  4. 236753
  5. 1b5342
  6. 123f31
  7. 0a2c22
  8. 041b14
  9. 010a07
  10. 000101

Calmer: #3fa989 with less saturation

  1. 3fa989
  2. 4ca78a
  3. 58a58b
  4. 61a38c
  5. 6aa18d
  6. 729f8e
  7. 7a9d8f
  8. 819b90
  9. 879891
  10. 8e9692