Skip to the color picker
PickShade

#5bc8a2 color: Mermaid’s Kiss

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

Read as HEX

159°
100%

OKLCH

75.8%
0.116
168°
  • ≈ Emerald
  • Emerald
  • Light
  • Vivid
  • Cool
  • teal-400
  • Black 22%

Looks the same on every screen.

White text2.05:1 · Below AALc -44
Black text10.23: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 #5bc8a2

#5bc8a2 is a bright light emerald color. In OKLCH it has 75.8% lightness, 0.116 chroma and a hue of 168°.

Looks the same on every screen.

White text on it reaches 2.05:1 contrast and black text 10.23: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: #5bc8a2 mixed with white

  1. 5bc8a2
  2. 6fceab
  3. 82d3b4
  4. 93d9bd
  5. a3dfc6
  6. b3e4d0
  7. c3ead9
  8. d2efe2
  9. e1f4ec
  10. f0faf5

Darker: #5bc8a2 mixed with black

  1. 5bc8a2
  2. 4eae8c
  3. 419477
  4. 357b63
  5. 29634f
  6. 1e4c3c
  7. 13362a
  8. 092119
  9. 030f0a
  10. 000201

Calmer: #5bc8a2 with less saturation

  1. 5bc8a2
  2. 67c6a3
  3. 72c4a5
  4. 7cc1a6
  5. 85bfa8
  6. 8dbda9
  7. 95baab
  8. 9cb8ac
  9. a3b6ae
  10. aab3af