Skip to the color picker

#2abc70 color: Times Square Screens

#2abc70 is rgb(42, 188, 112) in RGB and oklch(70.333% 0.16283 154.633) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

149°
100%

70.3%
0.163
155°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Emerald
  • emerald-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.46:1Hard to read
Lc -53
Black text
8.53:1Readable · AA
Lc 56

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

#2abc70 is a bright light emerald color. In OKLCH it has 70.3% lightness, 0.163 chroma and a hue of 155°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.46:1 contrast and black text 8.53:1, so black text reads better.

The closest named color is Times Square Screens (#20c073). In Tailwind CSS the closest color is emerald-500.

More light emerald colors

Lighter: #2abc70 mixed with white

  1. 2abc70
  2. 4dc37e
  3. 66ca8c
  4. 7cd19b
  5. 91d8a9
  6. a4dfb7
  7. b7e5c5
  8. c9ecd3
  9. dbf2e2
  10. edf9f0

Darker: #2abc70 mixed with black

  1. 2abc70
  2. 23a360
  3. 1c8b51
  4. 167343
  5. 105d35
  6. 0a4727
  7. 05321a
  8. 021f0e
  9. 010d04
  10. 000201

Calmer: #2abc70 with less saturation

  1. 2abc70
  2. 42ba75
  3. 52b77a
  4. 60b47f
  5. 6cb284
  6. 76af89
  7. 7fac8e
  8. 88a992
  9. 90a697
  10. 98a39b

Questions about #2abc70

What color is #2abc70?

#2abc70 is bright light emerald. The closest named color is Times Square Screens. In RGB it is rgb(42, 188, 112), in HSL hsl(148.77, 63.48%, 45.1%) and in OKLCH oklch(70.333% 0.16283 154.633).

What colors go well with #2abc70?

The complementary color of #2abc70 is #db74c8. For a calmer combination use the analogous colors #89b026 and #00bbab. The triadic partners are #8394ff and #f37456.

Is white or black text more readable on #2abc70?

Black text reads better on #2abc70: white gives a contrast ratio of 2.46:1 and black gives 8.53:1. WCAG AA asks for at least 4.5:1 for body text.

Is #2abc70 a warm or cool color?

#2abc70 is a cool color. In OKLCH its hue is 155 degrees, its lightness 70.3% and its chroma 0.163.