Skip to the color picker
PickShade

#5cb299 color: Keppel

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

Read as HEX

163°
100%

OKLCH

70.2%
0.092
172°
  • ≈ Mint
  • Emerald
  • Light
  • Soft
  • Cool
  • teal-500
  • Black 30%

Looks the same on every screen.

White text2.54:1 · Below AALc -55
Black text8.28:1 · AALc 54

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

#5cb299 is a soft light emerald color. In OKLCH it has 70.2% lightness, 0.092 chroma and a hue of 172°.

Looks the same on every screen.

White text on it reaches 2.54:1 contrast and black text 8.28:1, so black text reads better.

The closest named color is Keppel (#5fb69c). In Tailwind CSS the closest color is teal-500.

More light emerald colors

Lighter: #5cb299 mixed with white

  1. 5cb299
  2. 6ebaa3
  3. 80c1ad
  4. 90c9b7
  5. a1d1c1
  6. b1d8cb
  7. c0e0d5
  8. d0e8df
  9. e0f0ea
  10. eff7f4

Darker: #5cb299 mixed with black

  1. 5cb299
  2. 4f9a84
  3. 428370
  4. 366d5d
  5. 2a574a
  6. 1f4338
  7. 142f27
  8. 0a1d17
  9. 030c08
  10. 000101

Calmer: #5cb299 with less saturation

  1. 5cb299
  2. 65b09a
  3. 6dae9a
  4. 75ad9b
  5. 7cab9b
  6. 82a99c
  7. 89a79d
  8. 8fa59d
  9. 94a39e
  10. 9aa19e