Skip to the color picker

#22bc72 color: Fennel Fiesta

#22bc72 is rgb(34, 188, 114) in RGB and oklch(70.246% 0.16294 155.713) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

151°
100%

70.2%
0.163
156°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Emerald
  • emerald-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.47:1Hard to read
Lc -53
Black text
8.50: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 #22bc72

#22bc72 is a bright light emerald color. In OKLCH it has 70.2% lightness, 0.163 chroma and a hue of 156°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.47:1 contrast and black text 8.5: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: #22bc72 mixed with white

  1. 22bc72
  2. 49c380
  3. 64ca8e
  4. 7ad19c
  5. 8fd8aa
  6. a3dfb8
  7. b6e5c6
  8. c9ecd4
  9. dbf2e2
  10. edf9f1

Darker: #22bc72 mixed with black

  1. 22bc72
  2. 1ca362
  3. 168b53
  4. 117344
  5. 0b5d36
  6. 074728
  7. 03321b
  8. 011f0e
  9. 000d04
  10. 000201

Calmer: #22bc72 with less saturation

  1. 22bc72
  2. 3eb977
  3. 50b77c
  4. 5eb481
  5. 6ab185
  6. 75af8a
  7. 7eac8e
  8. 87a992
  9. 90a697
  10. 98a29b

Questions about #22bc72

What color is #22bc72?

#22bc72 is bright light emerald. The closest named color is Fennel Fiesta. In RGB it is rgb(34, 188, 114), in HSL hsl(151.17, 69.37%, 43.53%) and in OKLCH oklch(70.246% 0.16294 155.713).

What colors go well with #22bc72?

The complementary color of #22bc72 is #dc74c6. For a calmer combination use the analogous colors #87b029 and #00bbac. The triadic partners are #8493ff and #f27453.

Is white or black text more readable on #22bc72?

Black text reads better on #22bc72: white gives a contrast ratio of 2.47:1 and black gives 8.5:1. WCAG AA asks for at least 4.5:1 for body text.

Is #22bc72 a warm or cool color?

#22bc72 is a cool color. In OKLCH its hue is 156 degrees, its lightness 70.2% and its chroma 0.163.