Skip to the color picker
PickShade

#7cc899 color: Jocose Jade

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

Read as HEX

143°
100%

OKLCH

77%
0.102
156°
  • ≈ Pistachio
  • Emerald
  • Light
  • Soft
  • Cool
  • teal-400
  • Black 22%

Looks the same on every screen.

White text1.99:1 · Below AALc -43
Black text10.58:1 · AALc 66

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 #7cc899

#7cc899 is a soft light emerald color. In OKLCH it has 77% lightness, 0.102 chroma and a hue of 156°.

Looks the same on every screen.

White text on it reaches 1.99:1 contrast and black text 10.58:1, so black text reads better.

The closest named color is Jocose Jade (#77cc99). In Tailwind CSS the closest color is teal-400.

More light emerald colors

Lighter: #7cc899 mixed with white

  1. 7cc899
  2. 8acea3
  3. 98d3ad
  4. a5d9b7
  5. b2dec1
  6. bfe4cb
  7. cce9d6
  8. d9efe0
  9. e6f4ea
  10. f2faf5

Darker: #7cc899 mixed with black

  1. 7cc899
  2. 6bae84
  3. 5a9470
  4. 4a7b5d
  5. 3b634a
  6. 2c4c38
  7. 1e3627
  8. 112117
  9. 050f08
  10. 010201

Calmer: #7cc899 with less saturation

  1. 7cc899
  2. 83c69c
  3. 89c49f
  4. 8fc2a1
  5. 95c1a4
  6. 9bbfa7
  7. a0bdaa
  8. a6bbac
  9. abb8af
  10. afb6b2