Skip to the color picker
PickShade

#2ba270 color: Bejewelled

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

Read as HEX

155°
100%

OKLCH

63.5%
0.128
161°
  • ≈ Jade
  • Emerald
  • Medium
  • Vivid
  • Cool
  • emerald-600
  • Black 36%

Looks the same on every screen.

White text3.23:1 · Below AALc -65
Black text6.50:1 · AALc 45

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 #2ba270

#2ba270 is a bright emerald color. In OKLCH it has 63.5% lightness, 0.128 chroma and a hue of 161°.

Looks the same on every screen.

White text on it reaches 3.23:1 contrast and black text 6.5:1, so black text reads better.

The closest named color is Bejewelled (#25a26f). In Tailwind CSS the closest color is emerald-600.

More medium emerald colors

Lighter: #2ba270 mixed with white

  1. 2ba270
  2. 4aab7e
  3. 62b58b
  4. 77be99
  5. 8cc7a7
  6. 9fd1b6
  7. b3dac4
  8. c6e3d2
  9. d9ede1
  10. ecf6f0

Darker: #2ba270 mixed with black

  1. 2ba270
  2. 248c60
  3. 1d7751
  4. 166343
  5. 104f35
  6. 0a3c27
  7. 052a1a
  8. 02190e
  9. 010a04
  10. 000101

Calmer: #2ba270 with less saturation

  1. 2ba270
  2. 3da073
  3. 4a9e76
  4. 559c78
  5. 5f997b
  6. 68977e
  7. 709580
  8. 779283
  9. 7e9085
  10. 848d88