Skip to the color picker

#20bc6f color: Welsh Onion

#20bc6f is rgb(32, 188, 111) in RGB and oklch(70.161% 0.16608 154.907) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

150°
100%

70.2%
0.166
155°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Emerald
  • emerald-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.48:1Hard to read
Lc -53
Black text
8.48: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 #20bc6f

#20bc6f is a bright light emerald color. In OKLCH it has 70.2% lightness, 0.166 chroma and a hue of 155°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.48:1 contrast and black text 8.48:1, so black text reads better.

The closest named color is Welsh Onion (#22bb66). In Tailwind CSS the closest color is emerald-500.

More light emerald colors

Lighter: #20bc6f mixed with white

  1. 20bc6f
  2. 48c37d
  3. 63ca8c
  4. 7ad19a
  5. 8fd8a8
  6. a3dfb6
  7. b6e5c5
  8. c8ecd3
  9. dbf2e2
  10. edf9f0

Darker: #20bc6f mixed with black

  1. 20bc6f
  2. 1aa360
  3. 158b51
  4. 0f7342
  5. 0a5d34
  6. 064727
  7. 03321a
  8. 011f0e
  9. 000d04
  10. 000201

Calmer: #20bc6f with less saturation

  1. 20bc6f
  2. 3cb974
  3. 4fb77a
  4. 5db47f
  5. 69b183
  6. 74af88
  7. 7eac8d
  8. 87a991
  9. 8fa596
  10. 97a29a

Questions about #20bc6f

What color is #20bc6f?

#20bc6f is bright light emerald. The closest named color is Welsh Onion. In RGB it is rgb(32, 188, 111), in HSL hsl(150.38, 70.91%, 43.14%) and in OKLCH oklch(70.161% 0.16608 154.907).

What colors go well with #20bc6f?

The complementary color of #20bc6f is #dc73c8. For a calmer combination use the analogous colors #88b020 and #00bbaa. The triadic partners are #8293ff and #f47253.

Is white or black text more readable on #20bc6f?

Black text reads better on #20bc6f: white gives a contrast ratio of 2.48:1 and black gives 8.48:1. WCAG AA asks for at least 4.5:1 for body text.

Is #20bc6f a warm or cool color?

#20bc6f is a cool color. In OKLCH its hue is 155 degrees, its lightness 70.2% and its chroma 0.166.