Skip to the color picker
PickShade

#5dc8a2 color: Mermaid’s Kiss

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

Read as HEX

159°
100%

OKLCH

75.9%
0.114
167°
  • ≈ Emerald
  • Emerald
  • Light
  • Vivid
  • Cool
  • teal-400
  • Black 22%

Looks the same on every screen.

White text2.05:1 · Below AALc -44
Black text10.25:1 · AALc 64

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

#5dc8a2 is a bright light emerald color. In OKLCH it has 75.9% lightness, 0.114 chroma and a hue of 167°.

Looks the same on every screen.

White text on it reaches 2.05:1 contrast and black text 10.25:1, so black text reads better.

The closest named color is Mermaid’s Kiss (#59c8a5). In Tailwind CSS the closest color is teal-400.

More light emerald colors

Lighter: #5dc8a2 mixed with white

  1. 5dc8a2
  2. 71ceab
  3. 83d3b4
  4. 94d9bd
  5. a4dfc6
  6. b4e4d0
  7. c3ead9
  8. d2efe2
  9. e1f4ec
  10. f0faf5

Darker: #5dc8a2 mixed with black

  1. 5dc8a2
  2. 50ae8c
  3. 439477
  4. 377b63
  5. 2a634f
  6. 1f4c3c
  7. 14362a
  8. 0a2119
  9. 030f0a
  10. 000201

Calmer: #5dc8a2 with less saturation

  1. 5dc8a2
  2. 69c6a4
  3. 73c4a5
  4. 7dc1a6
  5. 86bfa8
  6. 8ebda9
  7. 96bbab
  8. 9db8ac
  9. a4b6ae
  10. aab3af