Skip to the color picker
PickShade

#30ae72 color: Seaweed Green

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

Read as HEX

151°
100%

OKLCH

66.8%
0.141
158°
  • ≈ 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 #30ae72

#30ae72 is a bright emerald color. In OKLCH it has 66.8% lightness, 0.141 chroma and a hue of 158°.

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: #30ae72 mixed with white

  1. 30ae72
  2. 4eb680
  3. 66bf8d
  4. 7bc79b
  5. 8fcfa9
  6. a3d7b7
  7. b5dfc5
  8. c8e7d3
  9. daefe2
  10. edf7f0

Darker: #30ae72 mixed with black

  1. 30ae72
  2. 289762
  3. 218053
  4. 1a6a44
  5. 135536
  6. 0c4128
  7. 062e1b
  8. 031c0e
  9. 010b04
  10. 000101

Calmer: #30ae72 with less saturation

  1. 30ae72
  2. 42ac76
  3. 50a979
  4. 5ca77d
  5. 66a581
  6. 70a284
  7. 78a087
  8. 809d8b
  9. 879a8e
  10. 8e9791