Skip to the color picker
PickShade

#5aa286 color: Plumosa

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

Read as HEX

157°
100%

OKLCH

65.7%
0.085
167°
  • ≈ Mint
  • Emerald
  • Medium
  • Soft
  • Cool
  • teal-600
  • Black 36%

Looks the same on every screen.

White text3.02:1 · Below AALc -62
Black text6.95:1 · AALc 47

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

#5aa286 is a soft emerald color. In OKLCH it has 65.7% lightness, 0.085 chroma and a hue of 167°.

Looks the same on every screen.

White text on it reaches 3.02:1 contrast and black text 6.95:1, so black text reads better.

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

More medium emerald colors

Lighter: #5aa286 mixed with white

  1. 5aa286
  2. 6cab91
  3. 7db49d
  4. 8dbea9
  5. 9dc7b5
  6. aed0c1
  7. bed9cd
  8. cee3d9
  9. deece6
  10. eff6f2

Darker: #5aa286 mixed with black

  1. 5aa286
  2. 4d8c74
  3. 417762
  4. 356351
  5. 294f40
  6. 1e3c30
  7. 132a21
  8. 091913
  9. 030a06
  10. 000101

Calmer: #5aa286 with less saturation

  1. 5aa286
  2. 61a087
  3. 689f88
  4. 6e9d89
  5. 749c8b
  6. 799a8c
  7. 7e988d
  8. 83968e
  9. 88958f
  10. 8d9390