Skip to the color picker
PickShade

#56b699 color: Keppel

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

Read as HEX

162°
100%

OKLCH

71%
0.101
171°
  • ≈ Mint
  • Emerald
  • Light
  • Vivid
  • Cool
  • teal-500
  • Black 29%

Looks the same on every screen.

White text2.46:1 · Below AALc -53
Black text8.55:1 · AALc 56

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 #56b699

#56b699 is a bright light emerald color. In OKLCH it has 71% lightness, 0.101 chroma and a hue of 171°.

Looks the same on every screen.

White text on it reaches 2.46:1 contrast and black text 8.55: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: #56b699 mixed with white

  1. 56b699
  2. 6abda3
  3. 7cc5ad
  4. 8eccb7
  5. 9ed3c1
  6. afdbcb
  7. bfe2d5
  8. cfe9df
  9. dff1ea
  10. eff8f4

Darker: #56b699 mixed with black

  1. 56b699
  2. 4a9e84
  3. 3e8670
  4. 326f5d
  5. 27594a
  6. 1c4438
  7. 123027
  8. 081d17
  9. 020c08
  10. 000201

Calmer: #56b699 with less saturation

  1. 56b699
  2. 61b49a
  3. 6ab29b
  4. 73b09c
  5. 7bae9c
  6. 82ac9d
  7. 89aa9e
  8. 8fa89f
  9. 96a6a0
  10. 9ca4a0