Skip to the color picker
PickShade

#3aaa88 color: Herbal

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

Read as HEX

162°
100%

OKLCH

66.6%
0.113
169°
  • ≈ 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 #3aaa88

#3aaa88 is a bright emerald color. In OKLCH it has 66.6% lightness, 0.113 chroma and a hue of 169°.

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 Herbal (#29ab87). In Tailwind CSS the closest color is teal-500.

More medium emerald colors

Lighter: #3aaa88 mixed with white

  1. 3aaa88
  2. 54b393
  3. 6abb9f
  4. 7fc4aa
  5. 92ccb6
  6. a5d5c2
  7. b7ddce
  8. c9e6da
  9. dbeee6
  10. edf7f3

Darker: #3aaa88 mixed with black

  1. 3aaa88
  2. 319375
  3. 287d63
  4. 206852
  5. 185341
  6. 103f31
  7. 092d22
  8. 041b13
  9. 010b06
  10. 000101

Calmer: #3aaa88 with less saturation

  1. 3aaa88
  2. 49a889
  3. 55a68a
  4. 5fa48c
  5. 69a28d
  6. 71a08e
  7. 799d8f
  8. 809b90
  9. 879991
  10. 8e9693