Skip to the color picker
PickShade

#5fa882 color: Green Tourmaline

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

Read as HEX

149°
100%

OKLCH

67.3%
0.093
160°
  • ≈ Mint
  • Emerald
  • Medium
  • Soft
  • Cool
  • teal-500
  • Black 34%

Looks the same on every screen.

White text2.83:1 · Below AALc -60
Black text7.41: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 #5fa882

#5fa882 is a soft emerald color. In OKLCH it has 67.3% lightness, 0.093 chroma and a hue of 160°.

Looks the same on every screen.

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

The closest named color is Green Tourmaline (#5eab81). In Tailwind CSS the closest color is teal-500.

More medium emerald colors

Lighter: #5fa882 mixed with white

  1. 5fa882
  2. 70b18e
  3. 80b99a
  4. 91c2a6
  5. a0cbb2
  6. b0d3bf
  7. c0dccb
  8. d0e5d8
  9. dfede5
  10. eff6f2

Darker: #5fa882 mixed with black

  1. 5fa882
  2. 529270
  3. 447c5f
  4. 38674e
  5. 2c523e
  6. 203f2f
  7. 152c20
  8. 0a1a12
  9. 030a06
  10. 000101

Calmer: #5fa882 with less saturation

  1. 5fa882
  2. 66a684
  3. 6da586
  4. 73a388
  5. 78a18a
  6. 7e9f8c
  7. 839e8e
  8. 889c90
  9. 8d9a92
  10. 919894