Skip to the color picker
PickShade

#5aa487 color: Plumosa

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

Read as HEX

156°
100%

OKLCH

66.2%
0.087
166°
  • ≈ Mint
  • Emerald
  • Medium
  • Soft
  • Cool
  • teal-500
  • Black 36%

Looks the same on every screen.

White text2.96:1 · Below AALc -61
Black text7.09:1 · AALc 48

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 #5aa487

#5aa487 is a soft emerald color. In OKLCH it has 66.2% lightness, 0.087 chroma and a hue of 166°.

Looks the same on every screen.

White text on it reaches 2.96:1 contrast and black text 7.09:1, so black text reads better.

The closest named color is Plumosa (#64a281). In Tailwind CSS the closest color is teal-500.

More medium emerald colors

Lighter: #5aa487 mixed with white

  1. 5aa487
  2. 6cad92
  3. 7db69e
  4. 8dbfaa
  5. 9ec8b5
  6. aed1c1
  7. bedacd
  8. cee3da
  9. deede6
  10. eff6f2

Darker: #5aa487 mixed with black

  1. 5aa487
  2. 4d8e75
  3. 417963
  4. 356451
  5. 295041
  6. 1e3d31
  7. 132b21
  8. 091a13
  9. 030a06
  10. 000101

Calmer: #5aa487 with less saturation

  1. 5aa487
  2. 61a288
  3. 68a189
  4. 6e9f8b
  5. 749d8c
  6. 7a9c8d
  7. 7f9a8e
  8. 84988f
  9. 899690
  10. 8e9592