Skip to the color picker
PickShade

#5aa283 color: Plumosa

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

Read as HEX

154°
100%

OKLCH

65.6%
0.087
164°
  • ≈ Mint
  • Emerald
  • Medium
  • Soft
  • Cool
  • teal-600
  • Black 36%

Looks the same on every screen.

White text3.03:1 · Below AALc -62
Black text6.93: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 #5aa283

#5aa283 is a soft emerald color. In OKLCH it has 65.6% lightness, 0.087 chroma and a hue of 164°.

Looks the same on every screen.

White text on it reaches 3.03:1 contrast and black text 6.93: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: #5aa283 mixed with white

  1. 5aa283
  2. 6cab8f
  3. 7cb49b
  4. 8dbea7
  5. 9dc7b3
  6. aed0bf
  7. bed9cc
  8. cee3d8
  9. deece5
  10. eff6f2

Darker: #5aa283 mixed with black

  1. 5aa283
  2. 4d8c71
  3. 417760
  4. 35634f
  5. 294f3f
  6. 1e3c2f
  7. 132a20
  8. 091912
  9. 030a06
  10. 000101

Calmer: #5aa283 with less saturation

  1. 5aa283
  2. 61a084
  3. 689f86
  4. 6e9d87
  5. 739c89
  6. 799a8a
  7. 7e988b
  8. 83968d
  9. 88958e
  10. 8c938f