Skip to the color picker
PickShade

#80cda2 color: Crystal Gem

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

Read as HEX

146°
100%

OKLCH

78.6%
0.099
159°
  • ≈ Pistachio
  • Emerald
  • Light
  • Soft
  • Cool
  • teal-400
  • Black 20%

Looks the same on every screen.

White text1.88:1 · Below AALc -40
Black text11.17:1 · AALc 68

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 #80cda2

#80cda2 is a soft light emerald color. In OKLCH it has 78.6% lightness, 0.099 chroma and a hue of 159°.

Looks the same on every screen.

White text on it reaches 1.88:1 contrast and black text 11.17:1, so black text reads better.

The closest named color is Crystal Gem (#79d0a7). In Tailwind CSS the closest color is teal-400.

More light emerald colors

Lighter: #80cda2 mixed with white

  1. 80cda2
  2. 8ed2ab
  3. 9bd7b4
  4. a8dcbd
  5. b5e1c7
  6. c1e6d0
  7. ceebd9
  8. daf0e3
  9. e6f5ec
  10. f3faf5

Darker: #80cda2 mixed with black

  1. 80cda2
  2. 6eb28c
  3. 5d9877
  4. 4d7e63
  5. 3d664f
  6. 2e4e3c
  7. 1f382a
  8. 122319
  9. 060f0a
  10. 010201

Calmer: #80cda2 with less saturation

  1. 80cda2
  2. 87cba4
  3. 8ec9a7
  4. 94c7a9
  5. 9ac6ac
  6. 9fc4ae
  7. a5c2b0
  8. aac0b2
  9. afbdb5
  10. b4bbb7