Skip to the color picker
PickShade

#5cc8a2 color: Mermaid’s Kiss

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

Read as HEX

159°
100%

OKLCH

75.9%
0.115
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.24: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 #5cc8a2

#5cc8a2 is a bright light emerald color. In OKLCH it has 75.9% lightness, 0.115 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.24: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: #5cc8a2 mixed with white

  1. 5cc8a2
  2. 70ceab
  3. 82d3b4
  4. 93d9bd
  5. a4dfc6
  6. b3e4d0
  7. c3ead9
  8. d2efe2
  9. e1f4ec
  10. f0faf5

Darker: #5cc8a2 mixed with black

  1. 5cc8a2
  2. 4fae8c
  3. 429477
  4. 367b63
  5. 2a634f
  6. 1f4c3c
  7. 14362a
  8. 0a2119
  9. 030f0a
  10. 000201

Calmer: #5cc8a2 with less saturation

  1. 5cc8a2
  2. 68c6a3
  3. 73c4a5
  4. 7cc1a6
  5. 85bfa8
  6. 8ebda9
  7. 95bbab
  8. 9db8ac
  9. a3b6ae
  10. aab3af