Skip to the color picker
PickShade

#30ae71 color: Seaweed Green

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

Read as HEX

151°
100%

OKLCH

66.8%
0.142
157°
  • ≈ Jade
  • Emerald
  • Medium
  • Vivid
  • Cool
  • emerald-500
  • Black 32%

Looks the same on every screen.

White text2.83:1 · Below AALc -59
Black text7.42:1 · AALc 50

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 #30ae71

#30ae71 is a bright emerald color. In OKLCH it has 66.8% lightness, 0.142 chroma and a hue of 157°.

Looks the same on every screen.

White text on it reaches 2.83:1 contrast and black text 7.42:1, so black text reads better.

The closest named color is Seaweed Green (#35ad6b). In Tailwind CSS the closest color is emerald-500.

More medium emerald colors

Lighter: #30ae71 mixed with white

  1. 30ae71
  2. 4eb67f
  3. 66bf8d
  4. 7bc79a
  5. 8fcfa8
  6. a3d7b7
  7. b5dfc5
  8. c8e7d3
  9. daefe2
  10. edf7f0

Darker: #30ae71 mixed with black

  1. 30ae71
  2. 289761
  3. 218052
  4. 1a6a43
  5. 135535
  6. 0c4127
  7. 062e1a
  8. 031c0e
  9. 010b04
  10. 000101

Calmer: #30ae71 with less saturation

  1. 30ae71
  2. 42ac75
  3. 50a979
  4. 5ca77c
  5. 66a580
  6. 6fa283
  7. 78a087
  8. 809d8a
  9. 879a8e
  10. 8e9791