Skip to the color picker
PickShade

#5cb989 color: Green Garter

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

Read as HEX

149°
100%

OKLCH

71.6%
0.114
159°
  • ≈ Mint
  • Emerald
  • Light
  • Soft
  • Cool
  • teal-500
  • Black 27%

Looks the same on every screen.

White text2.40:1 · Below AALc -52
Black text8.76:1 · AALc 57

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 #5cb989

#5cb989 is a soft light emerald color. In OKLCH it has 71.6% lightness, 0.114 chroma and a hue of 159°.

Looks the same on every screen.

White text on it reaches 2.4:1 contrast and black text 8.76:1, so black text reads better.

The closest named color is Green Garter (#61ba85). In Tailwind CSS the closest color is teal-500.

More light emerald colors

Lighter: #5cb989 mixed with white

  1. 5cb989
  2. 6fc094
  3. 80c7a0
  4. 91ceab
  5. a1d5b7
  6. b1dcc3
  7. c1e3cf
  8. d1eadb
  9. e0f1e7
  10. f0f8f3

Darker: #5cb989 mixed with black

  1. 5cb989
  2. 4fa076
  3. 428964
  4. 367153
  5. 2a5b42
  6. 1f4631
  7. 143122
  8. 0a1e14
  9. 030d07
  10. 000201

Calmer: #5cb989 with less saturation

  1. 5cb989
  2. 66b78c
  3. 6eb58e
  4. 76b391
  5. 7eb194
  6. 85af96
  7. 8bac99
  8. 92aa9b
  9. 98a89e
  10. 9da5a1