Skip to the color picker
PickShade

#3aaa8a color: Niagara

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

Read as HEX

163°
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.30: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 #3aaa8a

#3aaa8a 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.3: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: #3aaa8a mixed with white

  1. 3aaa8a
  2. 54b395
  3. 6abba0
  4. 7fc4ac
  5. 92ccb7
  6. a5d5c3
  7. b7ddcf
  8. c9e6db
  9. dbeee7
  10. edf7f3

Darker: #3aaa8a mixed with black

  1. 3aaa8a
  2. 319377
  3. 287d65
  4. 206853
  5. 185342
  6. 103f32
  7. 092d22
  8. 041b14
  9. 010b07
  10. 000101

Calmer: #3aaa8a with less saturation

  1. 3aaa8a
  2. 49a88b
  3. 55a68c
  4. 60a48d
  5. 69a28e
  6. 71a08f
  7. 799d90
  8. 809b91
  9. 879992
  10. 8e9693