Skip to the color picker
PickShade

#5dc2a2 color: Spearmint

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

Read as HEX

161°
100%

OKLCH

74.4%
0.107
170°
  • ≈ Mint
  • Emerald
  • Light
  • Vivid
  • Cool
  • teal-500
  • Black 24%

Looks the same on every screen.

White text2.16:1 · Below AALc -47
Black text9.70:1 · AALc 62

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

#5dc2a2 is a bright light emerald color. In OKLCH it has 74.4% lightness, 0.107 chroma and a hue of 170°.

Looks the same on every screen.

White text on it reaches 2.16:1 contrast and black text 9.7:1, so black text reads better.

The closest named color is Spearmint (#64bfa4). In Tailwind CSS the closest color is teal-500.

More light emerald colors

Lighter: #5dc2a2 mixed with white

  1. 5dc2a2
  2. 70c8ab
  3. 82ceb4
  4. 93d5bd
  5. a3dbc6
  6. b3e1d0
  7. c3e7d9
  8. d2ede2
  9. e1f3ec
  10. f0f9f5

Darker: #5dc2a2 mixed with black

  1. 5dc2a2
  2. 50a88c
  3. 438f77
  4. 377763
  5. 2a604f
  6. 1f493c
  7. 14342a
  8. 0a2019
  9. 030e0a
  10. 000201

Calmer: #5dc2a2 with less saturation

  1. 5dc2a2
  2. 68c0a3
  3. 72bea4
  4. 7bbca5
  5. 83baa6
  6. 8bb8a7
  7. 92b5a8
  8. 99b3a9
  9. a0b1aa
  10. a6aeab