Skip to the color picker
PickShade

#83cda2 color: Crystal Gem

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

Read as HEX

145°
100%

OKLCH

78.8%
0.097
158°
  • ≈ Pistachio
  • Emerald
  • Light
  • Soft
  • Cool
  • emerald-300
  • Black 20%

Looks the same on every screen.

White text1.87:1 · Below AALc -40
Black text11.22:1 · AALc 69

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

#83cda2 is a soft light emerald color. In OKLCH it has 78.8% lightness, 0.097 chroma and a hue of 158°.

Looks the same on every screen.

White text on it reaches 1.87:1 contrast and black text 11.22:1, so black text reads better.

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

More light emerald colors

Lighter: #83cda2 mixed with white

  1. 83cda2
  2. 90d2ab
  3. 9dd7b4
  4. aadcbd
  5. b6e1c7
  6. c3e6d0
  7. cfebd9
  8. dbf0e3
  9. e7f5ec
  10. f3faf5

Darker: #83cda2 mixed with black

  1. 83cda2
  2. 71b28c
  3. 609877
  4. 4f7e63
  5. 3f664f
  6. 2f4e3c
  7. 20382a
  8. 122319
  9. 060f0a
  10. 010201

Calmer: #83cda2 with less saturation

  1. 83cda2
  2. 8acba4
  3. 90c9a7
  4. 96c8a9
  5. 9bc6ac
  6. a1c4ae
  7. a6c2b0
  8. abc0b3
  9. b0beb5
  10. b5bcb7