Skip to the color picker

#2abc76 color: Fennel Fiesta

#2abc76 is rgb(42, 188, 118) in RGB and oklch(70.451% 0.15737 156.53) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

151°
100%

70.5%
0.157
157°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Mint
  • emerald-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.46:1Hard to read
Lc -53
Black text
8.55: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 #2abc76

#2abc76 is a bright light emerald color. In OKLCH it has 70.5% lightness, 0.157 chroma and a hue of 157°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Fennel Fiesta (#00bb77). In Tailwind CSS the closest color is emerald-500.

More light emerald colors

Lighter: #2abc76 mixed with white

  1. 2abc76
  2. 4dc383
  3. 66ca91
  4. 7dd19e
  5. 91d8ac
  6. a4dfba
  7. b7e5c7
  8. c9ecd5
  9. dbf2e3
  10. edf9f1

Darker: #2abc76 mixed with black

  1. 2abc76
  2. 23a366
  3. 1c8b56
  4. 167347
  5. 105d38
  6. 0a4729
  7. 05321c
  8. 021f0f
  9. 010d05
  10. 000201

Calmer: #2abc76 with less saturation

  1. 2abc76
  2. 42ba7b
  3. 53b77f
  4. 60b483
  5. 6cb288
  6. 76af8c
  7. 80ac90
  8. 88a994
  9. 91a698
  10. 98a39c

Questions about #2abc76

What color is #2abc76?

#2abc76 is bright light emerald. The closest named color is Fennel Fiesta. In RGB it is rgb(42, 188, 118), in HSL hsl(151.23, 63.48%, 45.1%) and in OKLCH oklch(70.451% 0.15737 156.53).

What colors go well with #2abc76?

The complementary color of #2abc76 is #db76c4. For a calmer combination use the analogous colors #86b134 and #00bbae. The triadic partners are #8794ff and #f17755.

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

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

Is #2abc76 a warm or cool color?

#2abc76 is a cool color. In OKLCH its hue is 157 degrees, its lightness 70.5% and its chroma 0.157.