Skip to the color picker
PickShade

#23ae71 color: Seaweed Green

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

Read as HEX

154°
100%

OKLCH

66.6%
0.146
158°
  • ≈ Jade
  • Emerald
  • Medium
  • Vivid
  • Cool
  • emerald-500
  • Black 32%

Looks the same on every screen.

White text2.85:1 · Below AALc -59
Black text7.36: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 #23ae71

#23ae71 is a bright emerald color. In OKLCH it has 66.6% lightness, 0.146 chroma and a hue of 158°.

Looks the same on every screen.

White text on it reaches 2.85:1 contrast and black text 7.36: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: #23ae71 mixed with white

  1. 23ae71
  2. 47b67f
  3. 61bf8d
  4. 78c79a
  5. 8ccfa8
  6. a0d7b7
  7. b4dfc5
  8. c7e7d3
  9. daefe2
  10. ecf7f0

Darker: #23ae71 mixed with black

  1. 23ae71
  2. 1d9761
  3. 178052
  4. 116a43
  5. 0c5535
  6. 074127
  7. 042e1a
  8. 011c0e
  9. 000b04
  10. 000101

Calmer: #23ae71 with less saturation

  1. 23ae71
  2. 3bac75
  3. 4ba978
  4. 58a77c
  5. 63a480
  6. 6da283
  7. 769f87
  8. 7e9c8a
  9. 869a8d
  10. 8d9790