Skip to the color picker
PickShade

#3aaa89 color: Niagara

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

Read as HEX

162°
100%

OKLCH

66.6%
0.112
170°
  • ≈ Mint
  • Emerald
  • Medium
  • Vivid
  • Cool
  • teal-500
  • Black 33%

Looks the same on every screen.

White text2.88:1 · Below AALc -60
Black text7.29: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 #3aaa89

#3aaa89 is a bright emerald color. In OKLCH it has 66.6% lightness, 0.112 chroma and a hue of 170°.

Looks the same on every screen.

White text on it reaches 2.88:1 contrast and black text 7.29: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: #3aaa89 mixed with white

  1. 3aaa89
  2. 54b394
  3. 6abba0
  4. 7fc4ab
  5. 92ccb7
  6. a5d5c2
  7. b7ddce
  8. c9e6da
  9. dbeee6
  10. edf7f3

Darker: #3aaa89 mixed with black

  1. 3aaa89
  2. 319376
  3. 287d64
  4. 206853
  5. 185342
  6. 103f31
  7. 092d22
  8. 041b14
  9. 010b07
  10. 000101

Calmer: #3aaa89 with less saturation

  1. 3aaa89
  2. 49a88a
  3. 55a68b
  4. 60a48c
  5. 69a28d
  6. 71a08f
  7. 799d90
  8. 809b91
  9. 879992
  10. 8e9693