Skip to the color picker
PickShade

#33aa8a color: Niagara

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

Read as HEX

164°
100%

OKLCH

66.4%
0.115
171°
  • ≈ Mint
  • Emerald
  • Medium
  • Vivid
  • Cool
  • teal-500
  • Black 33%

Looks the same on every screen.

White text2.89:1 · Below AALc -60
Black text7.26: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 #33aa8a

#33aa8a is a bright emerald color. In OKLCH it has 66.4% lightness, 0.115 chroma and a hue of 171°.

Looks the same on every screen.

White text on it reaches 2.89:1 contrast and black text 7.26: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: #33aa8a mixed with white

  1. 33aa8a
  2. 50b395
  3. 67bba0
  4. 7cc4ac
  5. 90ccb7
  6. a3d5c3
  7. b6ddcf
  8. c8e6db
  9. dbeee7
  10. edf7f3

Darker: #33aa8a mixed with black

  1. 33aa8a
  2. 2b9377
  3. 237d65
  4. 1c6853
  5. 145342
  6. 0d3f32
  7. 072d22
  8. 031b14
  9. 010b07
  10. 000101

Calmer: #33aa8a with less saturation

  1. 33aa8a
  2. 44a88b
  3. 51a68c
  4. 5da48d
  5. 66a28e
  6. 6f9f8f
  7. 789d90
  8. 7f9b91
  9. 869892
  10. 8d9692